Spaces:
Sleeping
Sleeping
fix: menu padding
Browse files
src/lib/components/NavMenu.svelte
CHANGED
@@ -46,7 +46,7 @@
|
|
46 |
const nModels: number = $page.data.models.filter((el: Model) => !el.unlisted).length;
|
47 |
</script>
|
48 |
|
49 |
-
<div class="sticky top-0 flex flex-none items-center justify-between px-
|
50 |
<a
|
51 |
class="flex items-center rounded-xl text-lg font-semibold"
|
52 |
href="{envPublic.PUBLIC_ORIGIN}{base}/"
|
|
|
46 |
const nModels: number = $page.data.models.filter((el: Model) => !el.unlisted).length;
|
47 |
</script>
|
48 |
|
49 |
+
<div class="sticky top-0 flex flex-none items-center justify-between px-1.5 py-3.5 max-sm:pt-0">
|
50 |
<a
|
51 |
class="flex items-center rounded-xl text-lg font-semibold"
|
52 |
href="{envPublic.PUBLIC_ORIGIN}{base}/"
|
src/routes/+layout.svelte
CHANGED
@@ -217,13 +217,13 @@
|
|
217 |
isCollapsed={isNavCollapsed}
|
218 |
on:click={() => (isNavCollapsed = !isNavCollapsed)}
|
219 |
classNames="absolute inset-y-0 z-10 my-auto {!isNavCollapsed
|
220 |
-
? 'left-[
|
221 |
: 'left-0'} *:transition-transform"
|
222 |
/>
|
223 |
|
224 |
<div
|
225 |
class="grid h-full w-screen grid-cols-1 grid-rows-[auto,1fr] overflow-hidden text-smd {!isNavCollapsed
|
226 |
-
? 'md:grid-cols-[
|
227 |
: 'md:grid-cols-[0px,1fr]'} transition-[300ms] [transition-property:grid-template-columns] dark:text-gray-300 md:grid-rows-[1fr]"
|
228 |
>
|
229 |
<MobileNav isOpen={isNavOpen} on:toggle={(ev) => (isNavOpen = ev.detail)} title={mobileNavTitle}>
|
@@ -237,7 +237,7 @@
|
|
237 |
/>
|
238 |
</MobileNav>
|
239 |
<nav
|
240 |
-
class=" grid max-h-screen grid-cols-1 grid-rows-[auto,1fr,auto] overflow-hidden *:w-[
|
241 |
>
|
242 |
<NavMenu
|
243 |
conversations={data.conversations}
|
|
|
217 |
isCollapsed={isNavCollapsed}
|
218 |
on:click={() => (isNavCollapsed = !isNavCollapsed)}
|
219 |
classNames="absolute inset-y-0 z-10 my-auto {!isNavCollapsed
|
220 |
+
? 'left-[290px]'
|
221 |
: 'left-0'} *:transition-transform"
|
222 |
/>
|
223 |
|
224 |
<div
|
225 |
class="grid h-full w-screen grid-cols-1 grid-rows-[auto,1fr] overflow-hidden text-smd {!isNavCollapsed
|
226 |
+
? 'md:grid-cols-[290px,1fr]'
|
227 |
: 'md:grid-cols-[0px,1fr]'} transition-[300ms] [transition-property:grid-template-columns] dark:text-gray-300 md:grid-rows-[1fr]"
|
228 |
>
|
229 |
<MobileNav isOpen={isNavOpen} on:toggle={(ev) => (isNavOpen = ev.detail)} title={mobileNavTitle}>
|
|
|
237 |
/>
|
238 |
</MobileNav>
|
239 |
<nav
|
240 |
+
class=" grid max-h-screen grid-cols-1 grid-rows-[auto,1fr,auto] overflow-hidden *:w-[290px] max-md:hidden"
|
241 |
>
|
242 |
<NavMenu
|
243 |
conversations={data.conversations}
|