header remove fancy
This commit is contained in:
@@ -14,59 +14,12 @@ pub struct HeaderItem {
|
|||||||
/// Header with background color etc.
|
/// Header with background color etc.
|
||||||
#[component]
|
#[component]
|
||||||
pub fn StyledHeader(items: HeaderItems) -> impl IntoView {
|
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! {
|
view! {
|
||||||
<div class="bg-orange-300 text-black border-b-2 border-b-orange-400">
|
<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 />
|
<Header items />
|
||||||
|
// </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
}
|
|
||||||
.into_any()
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -29,7 +29,7 @@ pub fn EditWall() -> impl leptos::IntoView {
|
|||||||
link: Some("/".to_string()),
|
link: Some("/".to_string()),
|
||||||
}],
|
}],
|
||||||
middle: vec![HeaderItem {
|
middle: vec![HeaderItem {
|
||||||
text: "EDIT WALL".to_string(),
|
text: "HOLDS".to_string(),
|
||||||
link: None,
|
link: None,
|
||||||
}],
|
}],
|
||||||
right: vec![],
|
right: vec![],
|
||||||
|
|||||||
Reference in New Issue
Block a user