@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.mjs CHANGED
@@ -1065,15 +1065,23 @@ function Header({
1065
1065
  position: "relative"
1066
1066
  },
1067
1067
  mobileMenu: {
1068
+ // Compact dropdown panel anchored under the hamburger (right edge), rather
1069
+ // than a full-bleed left:0/right:0 bar across the whole viewport.
1068
1070
  display: mobileMenuOpen ? "flex" : "none",
1069
1071
  flexDirection: "column",
1070
1072
  position: "absolute",
1071
1073
  top: "100%",
1072
- left: 0,
1073
- right: 0,
1074
+ right: spacing[3],
1075
+ left: "auto",
1076
+ width: "min(300px, calc(100vw - 24px))",
1077
+ maxWidth: "calc(100vw - 24px)",
1074
1078
  backgroundColor: t.surface,
1075
- padding: spacing[4],
1076
- boxShadow: t.shadow
1079
+ padding: spacing[3],
1080
+ boxShadow: t.shadow,
1081
+ borderRadius: borderRadius.lg,
1082
+ border: `1px solid ${t.border}`,
1083
+ marginTop: spacing[2],
1084
+ zIndex: 100
1077
1085
  },
1078
1086
  mobileNavItem: {
1079
1087
  fontFamily: fonts.primary,