upRootNutrition/website
1
0
Fork 0
mirror of https://gitlab.com/upRootNutrition/website.git synced 2025-06-16 04:25:11 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: fixed navbar

Browse source
This commit is contained in:
Nick 2024-11-14 21:10:41 -06:00
parent a55ba3c627
commit 55eb3a8a60
5 changed files with 23 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

14
frontend/src/Layouts/Navbar.elm
View file

@ -91,6 +91,12 @@ view { toContentMsg, model, content } =
, alignLeft
, alignTop
, moveDown 30
, htmlAttribute (H.style "position" "fixed")
, htmlAttribute (H.style "left" "0")
, htmlAttribute (H.style "top" "0")
, htmlAttribute (H.style "height" "100vh")
, htmlAttribute (H.style "z-index" "10") -- Ensure navbar stays on top
, htmlAttribute (H.style "transform-style" "preserve-3d")
]
[ column
[ spacing 20
@ -107,8 +113,14 @@ view { toContentMsg, model, content } =
, link navBarLinkFormat { url = localhostUrl ++ "support", label = transitionNonHighlightedLinkHoverWithMove <| text "SUPPORT" }
, link navBarLinkFormat { url = localhostUrl ++ "interviews", label = transitionNonHighlightedLinkHoverWithMove <| text "INTERVIEWS" }
, link navBarLinkFormat { url = localhostUrl ++ "contact", label = transitionNonHighlightedLinkHoverWithMove <| text "CONTACT" }
, link navBarLinkFormat { url = localhostUrl ++ "dodgers", label = transitionNonHighlightedLinkHoverWithMove <| text "DODGERS" }
]
]
, content.element
, el
[ width fill
, height fill
, paddingEach { top = 0, right = 0, bottom = 0, left = 200 }
]
content.element
]
}