diff --git a/application/public/styles.scss b/application/public/styles.scss index 28ea8f6..50af49b 100644 --- a/application/public/styles.scss +++ b/application/public/styles.scss @@ -37,3 +37,41 @@ a { font-weight: bold; color: $text-color; } + +.route-active { + color: $primary-color !important; +} + +.navbar { + background-color: $secondary-bg-color; + width: 100%; + display: flex; + justify-content: center; + padding: 8px; +} + +.navbar > a { + margin: 0px 20px; + padding: 8px 16px; + border-radius: 8px; + transition: all 100ms; +} + +.navbar > a:hover { + background-color: $primary-color-light; + color: $text-color !important; +} + +.btn-add-link { + width: 100%; + padding: 12px 0; + background-color: $secondary-bg-color; + text-align: center; + border-radius: 15px; + border: dashed $secondary-bg-color-lighter; +} + +.btn-add-link:hover { + background-color: $secondary-bg-color-light; +} + diff --git a/application/src/components/mod.rs b/application/src/components/mod.rs index 139597f..302260f 100644 --- a/application/src/components/mod.rs +++ b/application/src/components/mod.rs @@ -1,2 +1 @@ - - +pub mod navbar; diff --git a/application/src/components/navbar.rs b/application/src/components/navbar.rs new file mode 100644 index 0000000..3a92bd5 --- /dev/null +++ b/application/src/components/navbar.rs @@ -0,0 +1,14 @@ +use leptos::*; +use leptos_router::*; + +/// Navigation bar +#[component] +pub fn Navbar() -> impl IntoView { + view! { +
+ } +} diff --git a/application/src/lib.rs b/application/src/lib.rs index 6074417..c036b63 100644 --- a/application/src/lib.rs +++ b/application/src/lib.rs @@ -9,6 +9,8 @@ mod pages; // Top-Level pages use crate::pages::home::Home; use crate::pages::not_found::NotFound; +use crate::pages::participants; +use crate::pages::times; /// An app router which renders the homepage and handles 404's #[component] @@ -49,10 +51,16 @@ pub fn App() -> impl IntoView { } >