diff options
| author | Copilot <198982749+Copilot@users.noreply.github.com> | 2025-11-22 18:02:36 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-11-22 18:02:36 +0100 |
| commit | b96273b54a9b47c79e0afe40a918f751e82097ae (patch) | |
| tree | ae2990aac150d880df0307124807560cc4593038 /src/frontend/app/components/layout/NavBar.module.css | |
| parent | 738cd874fa68cde13dbe6c3f12738abec8e3a8d2 (diff) | |
Link previous trip shapes for GPS positioning on circular routes (#111)
Co-authored-by: Ariel Costas Guerrero <ariel@costas.dev>
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: arielcostas <94913521+arielcostas@users.noreply.github.com>
Diffstat (limited to 'src/frontend/app/components/layout/NavBar.module.css')
| -rw-r--r-- | src/frontend/app/components/layout/NavBar.module.css | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/src/frontend/app/components/layout/NavBar.module.css b/src/frontend/app/components/layout/NavBar.module.css new file mode 100644 index 0000000..504b93b --- /dev/null +++ b/src/frontend/app/components/layout/NavBar.module.css @@ -0,0 +1,46 @@ +.navBar { + display: flex; + justify-content: space-around; + align-items: center; + padding: 0.5rem 0; + + background-color: var(--background-color); + border-top: 1px solid var(--border-color); +} + +.vertical { + flex-direction: column; + height: 100%; + justify-content: flex-start; + padding-top: 1rem; + gap: 1rem; + border-top: none; +} + +.link { + flex: 1 0; + display: flex; + flex-direction: column; + align-items: center; + text-decoration: none; + color: var(--text-color); + padding: 0.25rem 0; + border-radius: 0.5rem; +} + +.link svg { + width: 1.375rem; + height: 1.375rem; + fill: none; + stroke-width: 2; +} + +.link span { + font-size: 13px; + line-height: 1; + font-family: system-ui; +} + +.active { + color: var(--button-background-color); +} |