fix(tabs): fix flex layout causes incorrect spacing rendering for ove…

…rflow list on mobile Safari
thematters · Sep 5, 2024 · c44bf1a · c44bf1a
1 parent 9b01898
commit c44bf1a
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/SquareTabs/styles.module.css b/src/components/SquareTabs/styles.module.css
@@ -43,8 +43,8 @@
 .tabList {
   @mixin hide-scrollbar;
 
-  display: flex;
   overflow-x: auto;
+  white-space: nowrap;
   -webkit-overflow-scrolling: touch;
 
   &.sticky {
@@ -58,7 +58,7 @@
 .tabItem {
   @mixin transition;
 
-  flex-shrink: 0;
+  display: inline-block;
   padding: var(--sp5) var(--sp10);
   margin-right: var(--sp16);
   font-size: var(--text14);