Optimize ShortcutsDialog style (#1329)

* Optimize ShortcutsDialog style * Add word-break only to ShortcutKey
5 years ago · fe6f482e96
parent ff82d1cfa3
commit fe6f482e96
1 changed files with 2 additions and 0 deletions
--- a/src/components/ShortcutsDialog.tsx
+++ b/src/components/ShortcutsDialog.tsx
@ -13,6 +13,7 @@ const ShortcutIsland = (props: {
      width: "49%",
      border: "1px solid #ced4da",
      marginBottom: "16px",
+      height: "-webkit-fill-available",
    }}
  >
    <h3
@ -85,6 +86,7 @@ Shortcut.defaultProps = {
 const ShortcutKey = (props: { children: React.ReactNode }) => (
  <span
    style={{
+      wordBreak: "keep-all",
      border: "1px solid #ced4da",
      padding: "2px 8px",
      margin: "0 4px",