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> </script>
<div <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 flex-row items-center space-x-2 sm:space-x-0">
<div class="flex items-center"> <div class="flex items-center">
@ -31,10 +31,10 @@
</button> </button>
</div> </div>
{#if !isOpen && segments.length} {#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} {#each breadcrumb as segment}
{@const last = segment === breadcrumb[breadcrumb.length - 1]} {@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} {segment.name}
</a> </a>
{#if !last} {#if !last}

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

@ -11,7 +11,7 @@
<div class="flex flex-1 flex-col"> <div class="flex flex-1 flex-col">
<Navbar bind:isOpen /> <Navbar bind:isOpen />
<div <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 /> <slot />
</div> </div>