chore: tablet breakpoint

zstix · zstix · commit beb42df39f0d · 2021-06-02T10:25:03.000-07:00
diff --git a/src/components/Tabs/Bar.js b/src/components/Tabs/Bar.js
@@ -8,6 +8,7 @@ const Bar = ({ children }) => (
     css={css`
       display: flex;
       margin-bottom: 1em;
+      overflow: scroll;
     `}
   >
     {React.Children.map(children, (child, index) =>
diff --git a/src/components/Tabs/BarItem.js b/src/components/Tabs/BarItem.js
@@ -23,10 +23,11 @@ const BarItem = ({ index, children, id, count, disabled }) => {
 
         flex-grow: 1;
         text-align: center;
-        padding: 0.5em 0;
+        padding: 0.5em;
         border-bottom: 1px solid var(--color-neutrals-300);
         cursor: pointer;
         user-select: none;
+        white-space: nowrap;
 
         .dark-mode & {
           border-bottom-color: var(--color-dark-300);

Original file line number	Diff line number	Diff line change
`@@ -8,6 +8,7 @@ const Bar = ({ children }) => (`
`8`	`8`	css={css`
`9`	`9`	`display: flex;`
`10`	`10`	`margin-bottom: 1em;`
	`11`	`+ overflow: scroll;`
`11`	`12`	`}
`12`	`13`	`>`
`13`	`14`	`{React.Children.map(children, (child, index) =>`