Skip to content

Commit 8aa4ea3

Browse files
committed
style(mobile/map): match top menu to profile section look
Green-tint icon tiles, body labels, muted chevrons, and row dividers bring the dropdown in line with SettingsSection / ProfileSection so both surfaces read as one design language.
1 parent 6bcc734 commit 8aa4ea3

1 file changed

Lines changed: 25 additions & 15 deletions

File tree

apps/mobile/features/map/components/map-top-menu.tsx

Lines changed: 25 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -49,23 +49,33 @@ export function MapTopMenu({ onClose }: { onClose: () => void }) {
4949

5050
return (
5151
<View
52-
className="absolute right-0 top-full mt-s-2 min-w-[200px] rounded-md border border-line/80 bg-surface py-s-2"
52+
className="absolute right-0 top-full mt-s-2 min-w-[240px] overflow-hidden rounded-lg border border-line/80 bg-surface"
5353
style={menuShadow}
5454
>
55-
{items.map((it) => (
56-
<Pressable
57-
key={it.label}
58-
onPress={() => {
59-
Haptics.selectionAsync().catch(() => {});
60-
it.onPress();
61-
}}
62-
className="flex-row items-center gap-s-3 px-s-4 py-s-3"
63-
style={({ pressed }) => ({ opacity: pressed ? 0.6 : 1 })}
64-
>
65-
<Icon name={it.icon} size={18} color={colors.ink} />
66-
<Text variant="label">{it.label}</Text>
67-
</Pressable>
68-
))}
55+
{items.map((it, i) => {
56+
const isLast = i === items.length - 1;
57+
return (
58+
<Pressable
59+
key={it.label}
60+
onPress={() => {
61+
Haptics.selectionAsync().catch(() => {});
62+
it.onPress();
63+
}}
64+
className={`flex-row items-center gap-s-3 px-s-4 py-s-3 ${
65+
isLast ? "" : "border-b border-line"
66+
}`}
67+
style={({ pressed }) => ({ opacity: pressed ? 0.6 : 1 })}
68+
>
69+
<View className="h-8 w-8 items-center justify-center rounded-sm bg-green-tint">
70+
<Icon name={it.icon} size={15} color={colors.green} />
71+
</View>
72+
<Text variant="body" className="flex-1">
73+
{it.label}
74+
</Text>
75+
<Icon name="chevron" size={14} color={colors.muted} />
76+
</Pressable>
77+
);
78+
})}
6979
</View>
7080
);
7181
}

0 commit comments

Comments
 (0)