Show fewer overlay menu items on small mobile screens.

GitOrigin-RevId: 1d3b51e5cd1e8f78ef24d3f3f732db6e51b1174d
nkzw-tech · Oct 28, 2024 · 3551338 · 3551338
1 parent 17c5c40
commit 3551338
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/hera/ui/ModeSelectButton.tsx b/hera/ui/ModeSelectButton.tsx
@@ -133,9 +133,14 @@ const style = css`
   ${pixelBorder(undefined, 2)}
   clip-path: inset(-2px -2px -2px -2px);
   font-size: 1em;
-  height: 2.3em;
+  height: 2.1em;
   width: 250px;
 
+  ${Breakpoints.sm} {
+    height: 2.3em;
+    width: 250px;
+  }
+
   &:after {
     background: ${applyVar('highlight-color')};
     content: '';