@empoweredvote/ev-ui 0.9.5 → 0.9.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1160,15 +1160,23 @@ function Header({
1160
1160
  position: "relative"
1161
1161
  },
1162
1162
  mobileMenu: {
1163
+ // Compact dropdown panel anchored under the hamburger (right edge), rather
1164
+ // than a full-bleed left:0/right:0 bar across the whole viewport.
1163
1165
  display: mobileMenuOpen ? "flex" : "none",
1164
1166
  flexDirection: "column",
1165
1167
  position: "absolute",
1166
1168
  top: "100%",
1167
- left: 0,
1168
- right: 0,
1169
+ right: spacing[3],
1170
+ left: "auto",
1171
+ width: "min(300px, calc(100vw - 24px))",
1172
+ maxWidth: "calc(100vw - 24px)",
1169
1173
  backgroundColor: t.surface,
1170
- padding: spacing[4],
1171
- boxShadow: t.shadow
1174
+ padding: spacing[3],
1175
+ boxShadow: t.shadow,
1176
+ borderRadius: borderRadius.lg,
1177
+ border: `1px solid ${t.border}`,
1178
+ marginTop: spacing[2],
1179
+ zIndex: 100
1172
1180
  },
1173
1181
  mobileNavItem: {
1174
1182
  fontFamily: fonts.primary,