From e5ab2263ece808ee6a858dcadf6d46ca13eb40d0 Mon Sep 17 00:00:00 2001 From: Saikat Das Date: Tue, 14 Nov 2023 02:53:55 +0530 Subject: [PATCH] chore: fix basic accessibility issues to make Lighthouse happy --- src/app.rs | 5 +++-- src/component/some_component.rs | 4 ++-- style/main.css | 4 ++-- style/stylers.css | 2 +- 4 files changed, 8 insertions(+), 7 deletions(-) diff --git a/src/app.rs b/src/app.rs index 71be5439..8d376408 100644 --- a/src/app.rs +++ b/src/app.rs @@ -12,10 +12,11 @@ pub fn App() -> impl IntoView { provide_meta_context(); view! { + // sets the document title - + <Title text="Welcome to Hot or Not"/> // content for this welcome page <Router fallback=|| { @@ -40,7 +41,7 @@ fn HomePage() -> impl IntoView { let on_click = move |_| set_count.update(|count| *count += 1); view! { - <h1>"Welcome to Leptos!"</h1> + <h1>"Welcome to Hot or Not!"</h1> <button on:click=on_click>"Click Me: " {count}</button> <SomeComponent/> } diff --git a/src/component/some_component.rs b/src/component/some_component.rs index 1518dc37..cfe1dfe6 100644 --- a/src/component/some_component.rs +++ b/src/component/some_component.rs @@ -5,8 +5,8 @@ use stylers::style; pub fn SomeComponent() -> impl IntoView { let styles = style! { h2 { - color: var(--red-6); - background-color: var(--green-2); + color: var(--red-8); + background-color: var(--green-1); padding: var(--size-7); } }; diff --git a/style/main.css b/style/main.css index aa0afd5d..dbfc4c7e 100644 --- a/style/main.css +++ b/style/main.css @@ -1,2 +1,2 @@ -:root{--red-6: #fa5252;--green-2: #b2f2bb;--size-7: 2rem;} -h2.l-189504{color: var(--red-6);background-color: var(--green-2);padding: var(--size-7);} \ No newline at end of file +:root{--red-8: #e03131;--green-1: #d3f9d8;--size-7: 2rem;} +h2.l-189504{color: var(--red-8);background-color: var(--green-1);padding: var(--size-7);} \ No newline at end of file diff --git a/style/stylers.css b/style/stylers.css index 813def86..f6710f13 100644 --- a/style/stylers.css +++ b/style/stylers.css @@ -1 +1 @@ -h2.l-189504{color: var(--red-6);background-color: var(--green-2);padding: var(--size-7);} \ No newline at end of file +h2.l-189504{color: var(--red-8);background-color: var(--green-1);padding: var(--size-7);} \ No newline at end of file