🚧 Remove AvatarSelector component
This commit is contained in:
Binary file not shown.
Before Width: | Height: | Size: 5.7 KiB |
@@ -1,54 +0,0 @@
|
|||||||
use dioxus::prelude::*;
|
|
||||||
|
|
||||||
turf::style_sheet!("src/ui/components/avatar_selector.scss");
|
|
||||||
|
|
||||||
pub fn AvatarSelector() -> Element {
|
|
||||||
rsx! {
|
|
||||||
style { {STYLE_SHEET} },
|
|
||||||
|
|
||||||
div {
|
|
||||||
class: ClassName::AVATAR_SELECTOR,
|
|
||||||
svg {
|
|
||||||
view_box: "0 0 100 100",
|
|
||||||
linearGradient {
|
|
||||||
id: "avatar-gradient",
|
|
||||||
x1: 1,
|
|
||||||
y1: 1,
|
|
||||||
x2: 0,
|
|
||||||
y2: 0,
|
|
||||||
stop {
|
|
||||||
offset: "0%",
|
|
||||||
stop_color: "rgb(138, 191, 209)",
|
|
||||||
}
|
|
||||||
stop {
|
|
||||||
offset: "60%",
|
|
||||||
stop_color: "rgb(236, 246, 249)",
|
|
||||||
}
|
|
||||||
},
|
|
||||||
filter {
|
|
||||||
id: "avatar-shadow",
|
|
||||||
feDropShadow {
|
|
||||||
dx: 2,
|
|
||||||
dy: 2,
|
|
||||||
std_deviation: 3,
|
|
||||||
flood_opacity: 0.5,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
rect {
|
|
||||||
x: "10",
|
|
||||||
y: "10",
|
|
||||||
width: "80",
|
|
||||||
height: "80",
|
|
||||||
rx: "12",
|
|
||||||
fill: "url('#avatar-gradient')",
|
|
||||||
filter: "url('#avatar-shadow')",
|
|
||||||
stroke: "grey",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
img {
|
|
||||||
class: ClassName::AVATAR_SELECTOR_PICTURE,
|
|
||||||
src: "/public/images/default-avatar.png",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
@@ -1,17 +0,0 @@
|
|||||||
.avatar-selector {
|
|
||||||
position: relative;
|
|
||||||
height: 100%;
|
|
||||||
aspect-ratio: 1;
|
|
||||||
|
|
||||||
&__picture {
|
|
||||||
$height: 65%;
|
|
||||||
$margin: calc(100% - $height) / 2;
|
|
||||||
|
|
||||||
position: absolute;
|
|
||||||
height: $height;
|
|
||||||
aspect-ratio: 1;
|
|
||||||
|
|
||||||
top: $margin;
|
|
||||||
right: $margin;
|
|
||||||
}
|
|
||||||
}
|
|
@@ -1,4 +1,3 @@
|
|||||||
pub(crate) mod avatar_selector;
|
|
||||||
pub(crate) mod button;
|
pub(crate) mod button;
|
||||||
pub(crate) mod chat_panel;
|
pub(crate) mod chat_panel;
|
||||||
pub(crate) mod conversations;
|
pub(crate) mod conversations;
|
||||||
|
Reference in New Issue
Block a user