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

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

@ -16,17 +16,21 @@ pub fn Header(items: HeaderItems) -> impl IntoView {
let HeaderItems { left, middle, right } = items;
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
<Items items=left />
// Expanding space in the middle
<div class="flex-auto mx-auto">
<Items items=middle />
<div >
<Items items=left />
</div>
// Expanding space in the middle
<div class="w-fit mx-auto font-semibold">
<Items items=middle />
</div>
// Right side of header
<Items items=right />
<div >
<Items items=right />
</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 {
left: vec![HeaderItem {
text: "← ".to_string(),
text: "← Ascend".to_string(),
link: Some("/wall".to_string()),
}],
middle: vec![HeaderItem {
text: "Edit wall".to_string(),
text: "EDIT WALL".to_string(),
link: None,
}],
right: vec![],