diff --git a/assets/main.css b/assets/main.css index 2bdd4ce..50b37fc 100644 --- a/assets/main.css +++ b/assets/main.css @@ -215,6 +215,31 @@ h6 { color: var(--accent); } +.sidebar-legal { + display: flex; + align-items: center; + justify-content: center; + gap: 6px; + margin-top: 4px; +} + +.legal-link { + font-size: 11px; + color: var(--text-dimmest); + text-decoration: none; + transition: color 0.15s ease; +} + +.legal-link:hover { + color: var(--text-secondary); +} + +.legal-sep { + font-size: 10px; + color: var(--text-dimmest); + opacity: 0.5; +} + .sidebar-version { font-size: 11px; color: var(--text-dimmest); diff --git a/src/components/sidebar.rs b/src/components/sidebar.rs index 54a4bb1..9b35c14 100644 --- a/src/components/sidebar.rs +++ b/src/components/sidebar.rs @@ -245,6 +245,11 @@ fn SidebarFooter() -> Element { Icon { icon: BsGrid, width: 16, height: 16 } } } + div { class: "sidebar-legal", + Link { to: Route::PrivacyPage {}, class: "legal-link", "Privacy Policy" } + span { class: "legal-sep", "|" } + Link { to: Route::ImpressumPage {}, class: "legal-link", "Impressum" } + } p { class: "sidebar-version", "v{version}" } } }