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: changed navbar formatting

Browse source
This commit is contained in:
Nick 2024-11-16 00:44:39 -06:00
parent 68b6a45d6c
commit 31e9d1cef2
2 changed files with 15 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

15
frontend/src/Config/Format.elm
View file

@ -48,11 +48,19 @@ transitionNonHighlightedLinkHover =
transitionNonHighlightedLinkHoverWithMove : Element msg -> Element msg transitionNonHighlightedLinkHoverWithMove : Element msg -> Element msg
transitionNonHighlightedLinkHoverWithMove = transitionNonHighlightedLinkHoverWithMove content =
el el
[ mouseOver [ F.color colourTheme.highlightText, moveRight 10 ] [ width fill
, transitionStyle , height (px 30)
] ]
(el
[ centerX
, centerY
, mouseOver [ F.color colourTheme.highlightText, F.size 25 ]
, transitionStyle
]
content
)
spartanFont : F.Font spartanFont : F.Font
@ -68,6 +76,7 @@ imageSpacer =
navBarLinkFormat : List (Attr () msg) navBarLinkFormat : List (Attr () msg)
navBarLinkFormat = navBarLinkFormat =
[ F.size 15 [ F.size 15
, centerX
-- , F.bold -- , F.bold
] ]

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

@ -90,7 +90,7 @@ view { toContentMsg, model, content } =
[ width <| px 200 [ width <| px 200
, alignLeft , alignLeft
, alignTop , alignTop
, moveDown 30 , paddingEach { top = 20, bottom = 0, left = 10, right = 0 }
, htmlAttribute (H.style "position" "fixed") , htmlAttribute (H.style "position" "fixed")
, htmlAttribute (H.style "left" "0") , htmlAttribute (H.style "left" "0")
, htmlAttribute (H.style "top" "0") , htmlAttribute (H.style "top" "0")
@ -99,8 +99,9 @@ view { toContentMsg, model, content } =
, htmlAttribute (H.style "transform-style" "preserve-3d") , htmlAttribute (H.style "transform-style" "preserve-3d")
] ]
[ column [ column
[ spacing 20 [ spacing 10
, centerX , centerX
, height fill
, F.color colourTheme.nonHighlightedText , F.color colourTheme.nonHighlightedText
] ]
[ image [ spacing 2, width <| px 80, centerX ] { src = "navbar/nutrivorelogo.png", description = "" } [ image [ spacing 2, width <| px 80, centerX ] { src = "navbar/nutrivorelogo.png", description = "" }