Skip to content

Commit ec8a7be

Browse files
whkelvinwhkelvin
committed
fixed dropdown menu
1 parent 578c564 commit ec8a7be

File tree

3 files changed

+33
-39
lines changed

3 files changed

+33
-39
lines changed

‎src/lib/components/ui/Navbar.svelte‎

Lines changed: 11 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -87,22 +87,20 @@
8787
<DropdownMenu.Group>
8888
<DropdownMenu.GroupHeading>My Account</DropdownMenu.GroupHeading>
8989
<DropdownMenu.Separator />
90-
<DropdownMenu.Item>
91-
<button
92-
class="bg-transparent outline-none"
93-
onclick={() => {
94-
window.location.href = '/api/auth/logout';
95-
}}>
96-
Log out
97-
</button>
90+
<DropdownMenu.Item
91+
class="flex"
92+
onSelect={() => {
93+
window.location.href = '/api/auth/logout';
94+
}}>
95+
Log out
9896
</DropdownMenu.Item>
9997

10098
{#if userHasActiveSubscription}
101-
<DropdownMenu.Item>
102-
<form action="/api/stripe/createPortalSession" method="POST">
103-
<button class="bg-transparent" type="submit"> Billing </button>
104-
</form>
105-
</DropdownMenu.Item>
99+
<form action="/api/stripe/createPortalSession" method="POST">
100+
<button type="submit" class="w-full outline-none">
101+
<DropdownMenu.Item>Billing</DropdownMenu.Item>
102+
</button>
103+
</form>
106104
{/if}
107105
</DropdownMenu.Group>
108106
</DropdownMenu.Content>

‎src/routes/(marketing)/+layout.svelte‎

Lines changed: 11 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -90,22 +90,20 @@
9090
<DropdownMenu.Group>
9191
<DropdownMenu.GroupHeading>My Account</DropdownMenu.GroupHeading>
9292
<DropdownMenu.Separator />
93-
<DropdownMenu.Item>
94-
<button
95-
class="bg-transparent outline-none"
96-
onclick={() => {
97-
window.location.href = '/api/auth/logout';
98-
}}>
99-
Log out
100-
</button>
93+
<DropdownMenu.Item
94+
class="flex"
95+
onSelect={() => {
96+
window.location.href = '/api/auth/logout';
97+
}}>
98+
Log out
10199
</DropdownMenu.Item>
102100

103101
{#if userHasActiveSubscription()}
104-
<DropdownMenu.Item>
105-
<form action="/api/stripe/createPortalSession" method="POST">
106-
<button class="bg-transparent" type="submit"> Billing </button>
107-
</form>
108-
</DropdownMenu.Item>
102+
<form action="/api/stripe/createPortalSession" method="POST">
103+
<button type="submit" class="w-full outline-none">
104+
<DropdownMenu.Item>Billing</DropdownMenu.Item>
105+
</button>
106+
</form>
109107
{/if}
110108
</DropdownMenu.Group>
111109
</DropdownMenu.Content>

‎src/routes/(marketing)/doc/+layout.svelte‎

Lines changed: 11 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -95,21 +95,19 @@
9595
<DropdownMenu.Group>
9696
<DropdownMenu.GroupHeading>My Account</DropdownMenu.GroupHeading>
9797
<DropdownMenu.Separator />
98-
<DropdownMenu.Item>
99-
<Button
100-
onclick={() => {
101-
window.location.href = '/api/auth/logout';
102-
}}>
103-
Log out
104-
</Button>
98+
<DropdownMenu.Item
99+
class="flex"
100+
onSelect={() => {
101+
window.location.href = '/api/auth/logout';
102+
}}>
103+
Log out
105104
</DropdownMenu.Item>
106-
107105
{#if userHasActiveSubscription()}
108-
<DropdownMenu.Item>
109-
<form action="/api/stripe/createPortalSession" method="POST">
110-
<button class="bg-transparent" type="submit"> Billing </button>
111-
</form>
112-
</DropdownMenu.Item>
106+
<form action="/api/stripe/createPortalSession" method="POST">
107+
<button type="submit" class="w-full outline-none">
108+
<DropdownMenu.Item>Billing</DropdownMenu.Item>
109+
</button>
110+
</form>
113111
{/if}
114112
</DropdownMenu.Group>
115113
</DropdownMenu.Content>

0 commit comments

Comments
 (0)