header remove fancy

This commit is contained in:
2025-01-27 23:17:30 +01:00
parent ba56a82926
commit 9d02ae1c6b
2 changed files with 7 additions and 54 deletions

View File

@@ -14,59 +14,12 @@ pub struct HeaderItem {
/// Header with background color etc.
#[component]
pub fn StyledHeader(items: HeaderItems) -> impl IntoView {
let fancy = false;
if fancy {
view! {
<div class="flex">
// Left gradient chunk
<div class="flex-grow">
<div class="h-2/5" style="background: #eaac53" />
<div
class="h-3/5"
style="background: linear-gradient(to bottom left, #eaac53 49.5%, rgb(15 23 42) 50.5%)"
/>
</div>
<div class="flex-none container mx-auto text-black" style="background: #eaac53">
<Header items />
</div>
// Right gradient chunk
<div class="flex-grow" style="background: #eaac53" />
</div>
<div class="flex">
// Left gradient chunk
<div class="flex-grow" />
<div class="flex-none container mx-auto">
// Background color gradient
<div
class="h-6"
style="background: linear-gradient(to bottom left, #eaac53 49.5%, rgb(15 23 42) 50.5%)"
/>
</div>
// Right gradient chunk
<div class="flex-grow">
<div class="h-4/5" style="background: #eaac53" />
<div
class="h-1/5"
style="background: linear-gradient(to bottom right, #eaac53 49.5%, rgb(15 23 42) 50.5%)"
/>
</div>
</div>
}
.into_any()
} else {
view! {
<div class="bg-orange-300 text-black border-b-2 border-b-orange-400">
<div class="container mx-auto" >
// <div class="container mx-auto" >
<Header items />
// </div>
</div>
</div>
}
.into_any()
}
}

View File

@@ -29,7 +29,7 @@ pub fn EditWall() -> impl leptos::IntoView {
link: Some("/".to_string()),
}],
middle: vec![HeaderItem {
text: "EDIT WALL".to_string(),
text: "HOLDS".to_string(),
link: None,
}],
right: vec![],