zaphar/kitchen
1
0
Fork 0
mirror of https://github.com/zaphar/kitchen.git synced 2025-07-23 19:49:58 -04:00
Code Issues Packages Projects Releases Wiki Activity

ui: Menu font sizes

Browse Source
This commit is contained in:
Jeremy Wall 2023-12-04 14:48:31 -05:00
parent e80953e987
commit 8942eb59a5
4 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/footer.rs
View File

@ -17,7 +17,7 @@ use sycamore::prelude::*;
#[component] #[component]
pub fn Footer<G: Html>(cx: Scope) -> View<G> { pub fn Footer<G: Html>(cx: Scope) -> View<G> {
view! {cx, view! {cx,
nav(class="no-print") { nav(class="no-print menu-font") {
ul { ul {
li { a(href="https://github.com/zaphar/kitchen") { "On Github" } } li { a(href="https://github.com/zaphar/kitchen") { "On Github" } }
} }

2
web/src/components/header.rs
View File

@ -23,7 +23,7 @@ pub fn Header<'ctx, G: Html>(cx: Scope<'ctx>, h: StateHandler<'ctx>) -> View<G>
None => "Login".to_owned(), None => "Login".to_owned(),
}); });
view! {cx, view! {cx,
nav(class="no-print row-flex align-center header-bg heavy-bottom-border") { nav(class="no-print row-flex align-center header-bg heavy-bottom-border menu-font") {
h1(class="title") { "Kitchen" } h1(class="title") { "Kitchen" }
ul(class="row-flex align-center") { ul(class="row-flex align-center") {
li { a(href="/ui/planning/select") { "MealPlan" } } li { a(href="/ui/planning/select") { "MealPlan" } }

2
web/src/components/tabs.rs
View File

@ -47,7 +47,7 @@ pub fn TabbedView<'a, G: Html>(cx: Scope<'a>, state: TabState<'a, G>) -> View<G>
.collect(), .collect(),
); );
view! {cx, view! {cx,
nav(class="menu-bg expand-height") { nav(class="menu-bg expand-height menu-font") {
ul(class="tabs pad-left") { ul(class="tabs pad-left") {
(menu) (menu)
} }

10
web/static/app.css
View File

@ -34,6 +34,7 @@
--menu-bg: var(--main-color); --menu-bg: var(--main-color);
--header-bg: var(--light-accent); --header-bg: var(--light-accent);
--font-size: 20px; --font-size: 20px;
--menu-font-size: 1.5em;
--cell-target: 30%; --cell-target: 30%;
} }
@ -76,9 +77,8 @@ a {
text-decoration: none; text-decoration: none;
} }
/** Our specific page elements **/ /** layout classes **/
/** TODO(jwall): Move these onto the html elements themselves. **/
.column-flex { .column-flex {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -129,6 +129,12 @@ a {
display: block; display: block;
} }
/** Typography classes **/
.menu-font {
font-size: var(--menu-font-size);
}
/** nav elements **/ /** nav elements **/
nav ul { nav ul {
list-style-type: none; list-style-type: none;