diff options
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/app.rs | 8 | ||||
-rw-r--r-- | src/components/layout/layout.module.css | 19 | ||||
-rw-r--r-- | src/components/layout/mod.rs | 3 |
3 files changed, 22 insertions, 8 deletions
diff --git a/src/components/app.rs b/src/components/app.rs index 7e2676a..d93a870 100644 --- a/src/components/app.rs +++ b/src/components/app.rs @@ -51,12 +51,8 @@ pub fn App() -> impl IntoView { /// Renders the home page of your application. #[component] fn HomePage() -> impl IntoView { - // Creates a reactive value to update the button - let count = RwSignal::new(0); - let on_click = move |_| *count.write() += 1; - view! { - <h1>"Welcome to Leptos!"</h1> - <button on:click=on_click>"Click Me: " {count}</button> + <h1>Article</h1> + <p>Article content here we guess?</p> } } diff --git a/src/components/layout/layout.module.css b/src/components/layout/layout.module.css index abcf876..7a6a818 100644 --- a/src/components/layout/layout.module.css +++ b/src/components/layout/layout.module.css @@ -33,6 +33,16 @@ padding: var(--container-padding) 0; } +.layout header a#siteTitle { + color: inherit; + text-decoration: none; + font-family: var(--font-family-heading); + + &:hover { + text-decoration: initial; + } +} + .layout nav { grid-row: 2 / 3; grid-column: 1 / 2; @@ -49,6 +59,15 @@ background-clip: padding-box; } +.layout main h1, +.layout main h2, +.layout main h3, +.layout main h4, +.layout main h5, +.layout main h6 { + font-family: var(--font-family-heading); +} + .layout footer { grid-column: 2 / 3; grid-row: 3 / 4; diff --git a/src/components/layout/mod.rs b/src/components/layout/mod.rs index 4b8061e..e688f5f 100644 --- a/src/components/layout/mod.rs +++ b/src/components/layout/mod.rs @@ -9,13 +9,12 @@ pub fn Layout() -> impl IntoView { view! { <div class=styles::layout> <header> - <h1>Site Title</h1> + <a href="/" id="siteTitle">Site Title</a> </header> <nav> <p>Nav</p> </nav> <main> - <p>Article</p> <Outlet/> </main> <footer> |