🎉 First commit (💩)
This commit is contained in:
38
src/components/header.rs
Normal file
38
src/components/header.rs
Normal file
@@ -0,0 +1,38 @@
|
||||
use dioxus::prelude::*;
|
||||
use sir::css;
|
||||
|
||||
pub fn Header(cx: Scope) -> Element {
|
||||
let header = css!(
|
||||
"
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
|
||||
img {
|
||||
height: 100%;
|
||||
}
|
||||
svg {
|
||||
fill: white;
|
||||
}
|
||||
"
|
||||
);
|
||||
|
||||
cx.render(rsx! {
|
||||
div {
|
||||
class: "{header}",
|
||||
img {
|
||||
// src: "./assets/live-logo2.png"
|
||||
src: "./images/logo-msn.png"
|
||||
}
|
||||
svg {
|
||||
view_box: "0 0 100 10",
|
||||
text {
|
||||
y: "55%",
|
||||
dominant_baseline: "middle",
|
||||
font_size: "5",
|
||||
"Windows Live Messenger",
|
||||
},
|
||||
},
|
||||
}
|
||||
})
|
||||
}
|
Reference in New Issue
Block a user