diff options
| author | Ben Sima <ben@bensima.com> | 2025-11-27 15:53:40 -0500 |
|---|---|---|
| committer | Ben Sima <ben@bensima.com> | 2025-11-27 15:53:40 -0500 |
| commit | 62a3867ddbe9ab481da605c3fd7aac195f065878 (patch) | |
| tree | edc79bdecd2a9f4ef2c4196a62b91b28126d1373 | |
| parent | 39791b4552b605fe60d03a5e98c5533bd741b729 (diff) | |
Refactor navbar to single horizontal row (Jr logo left, links right)
The changes are complete. The navbar is now refactored to always stay
as - The Jr logo/brand on the left - Navigation links on the right -
On mobile screens, instead of switching to a column layout, it now jus
Task-Id: t-154.1
| -rw-r--r-- | Omni/Jr/Web/Style.hs | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/Omni/Jr/Web/Style.hs b/Omni/Jr/Web/Style.hs index 9910e65..73b2c02 100644 --- a/Omni/Jr/Web/Style.hs +++ b/Omni/Jr/Web/Style.hs @@ -794,12 +794,12 @@ responsiveStyles = do body ? fontSize (px 13) ".container" ? padding (px 6) (px 8) (px 6) (px 8) ".navbar" ? do - flexDirection column - alignItems flexStart padding (px 6) (px 8) (px 6) (px 8) ".navbar-links" ? do - width (pct 100) - justifyContent center + Stylesheet.key "gap" ("1px" :: Text) + ".navbar-link" ? do + padding (px 4) (px 6) (px 4) (px 6) + fontSize (px 11) ".nav-content" ? do flexDirection column alignItems flexStart |