dot013/guz.one
1
0
Fork 0
Code Issues Pull Requests Activity

fix: navbar shadow is too big on mobile

Browse Source
This commit is contained in:
Gustavo "Guz" L. de Mello
2024-06-07 16:06:57 -03:00
parent 35a4047a6c
commit d97ff65332
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/nav.templ
View File

@@ -15,8 +15,11 @@ templ Nav(links []Link) {
class="h-0 w-0 pointer-events-none bg-transparent!"
>
<div
class="fixed left-0 top-0 w-screen h-20vh bg-transparent bg-gradient-to-b from-black from-20% z-100"
></div>
class="fixed left-0 top-0 w-screen z-100"
>
<div class="h-4rem bg-black z-100"></div>
<div class="h-10vh bg-transparent bg-gradient-to-b from-black z-100"></div>
</div>
</div>
<section
class="flex flex-row justify-between fixed top-0 font-cal w-90% lg:w-80% xl:w-90% z-110"

2
pages/homepage.templ
View File

@@ -69,7 +69,7 @@ templ Homepage() {
})
<div class="w-screen h-screen overflow-y-scroll snap-y">
<header
class="h-screen w-screen flex justify-center items-center"
class="h-screen w-screen flex justify-center items-center snap-start"
id="about"
>
<div class="flex flex-col lg:flex-row lg:justify-between lg:gap-5rem w-90% lg:w-80% xl:w-60%">