plul/ascend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

header sizing

Browse Source
This commit is contained in:
Asger Juul Brunshøj 2025-01-21 10:02:12 +01:00
parent 8beaa5b0d4
commit 773be52f3e
2 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
crates/ascend/src/components/header.rs
View File

@ -16,18 +16,22 @@ pub fn Header(items: HeaderItems) -> impl IntoView {
let HeaderItems { left, middle, right } = items; let HeaderItems { left, middle, right } = items;
view! { view! {
<div class="text-xl font-semibold p-4 flex gap-4"> <div class="grid grid-cols-[1fr_3fr_1fr] text-xl font-semibold p-4">
// Left side of header // Left side of header
<div >
<Items items=left /> <Items items=left />
</div>
// Expanding space in the middle // Expanding space in the middle
<div class="flex-auto mx-auto"> <div class="w-fit mx-auto font-semibold">
<Items items=middle /> <Items items=middle />
</div> </div>
// Right side of header // Right side of header
<div >
<Items items=right /> <Items items=right />
</div> </div>
</div>
} }
} }

4
crates/ascend/src/pages/edit_wall.rs
View File

@ -25,11 +25,11 @@ pub fn EditWall() -> impl leptos::IntoView {
let header_items = HeaderItems { let header_items = HeaderItems {
left: vec![HeaderItem { left: vec![HeaderItem {
text: "← ".to_string(), text: "← Ascend".to_string(),
link: Some("/wall".to_string()), link: Some("/wall".to_string()),
}], }],
middle: vec![HeaderItem { middle: vec![HeaderItem {
text: "Edit wall".to_string(), text: "EDIT WALL".to_string(),
link: None, link: None,
}], }],
right: vec![], right: vec![],