Skip to content

Commit 8a8dff5

Browse files
style: fix responsive layout for sidebar button
1 parent 0b6b01c commit 8a8dff5

File tree

1 file changed

+9
-2
lines changed

1 file changed

+9
-2
lines changed

src/routes/package/+layout.svelte

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,15 +10,22 @@
1010
let showPrereleases = $state(true);
1111
</script>
1212

13-
<div class="mt-8 flex gap-8 lg:mt-0">
13+
<div class="relative mt-8 flex gap-8 lg:mt-0">
1414
<div class="flex-1">
1515
{@render children()}
1616
</div>
1717

1818
<Sheet.Root>
1919
<Sheet.Trigger>
2020
{#snippet child({ props })}
21-
<Button {...props} variant="secondary" class="ml-auto lg:hidden">
21+
<Button
22+
{...props}
23+
variant="secondary"
24+
class={[
25+
"absolute right-0 mt-12 ml-auto lg:hidden",
26+
page.data.currentPackage.pkg.description?.length && "mt-16"
27+
]}
28+
>
2229
<Menu />
2330
<span class="sr-only">Menu</span>
2431
</Button>

0 commit comments

Comments
 (0)