Peer-at-Code/peer-at-code-web
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: layout mobile

Browse source
This commit is contained in:
Théo 2023-09-13 17:24:32 +02:00
parent 3d476a7047
commit fc2ed7be52
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/lib/components/Navbar.svelte
View file

@ -18,7 +18,7 @@
</script>
<div
class="z-50 flex w-full flex-row items-center justify-between border-b border-solid border-highlight-primary px-8 py-4"
class="z-50 flex w-full flex-row items-center justify-between border-b border-solid border-highlight-primary px-4 sm:px-8 py-4"
>
<div class="flex flex-row items-center space-x-2 sm:space-x-0">
<div class="flex items-center">
@ -31,10 +31,10 @@
</button>
</div>
{#if !isOpen && segments.length}
<div class="flex items-center justify-center capitalize text-highlight-secondary">
<div class="hidden items-center justify-center capitalize text-highlight-secondary sm:flex">
{#each breadcrumb as segment}
{@const last = segment === breadcrumb[breadcrumb.length - 1]}
<a class="hover:underline hover:text-primary" href={segment.href}>
<a class="hover:text-primary hover:underline" href={segment.href}>
{segment.name}
</a>
{#if !last}

2
src/routes/dashboard/+layout.svelte
View file

@ -11,7 +11,7 @@
<div class="flex flex-1 flex-col">
<Navbar bind:isOpen />
<div
class="flex w-full flex-1 transform flex-col overflow-y-scroll p-8 duration-300 ease-in-out"
class="flex w-full flex-1 transform flex-col overflow-y-scroll p-4 sm:p-8 duration-300 ease-in-out"
>
<slot />
</div>