nsarrazin HF Staff commited on
Commit
e7b3dd5
·
1 Parent(s): 6751688

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-3 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}/"
 
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-[280px]'
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-[280px,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,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-[280px] max-md:hidden"
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}