oak-team/oak-gpui
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Mark placeholder SVGs

Browse Source
This commit is contained in:
Nate Butler
2023-09-05 17:32:59 -04:00
parent 1ea0d500be
commit 6cb9cf70b7
1 changed files with 33 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
crates/storybook/src/collab_panel.rs
+33 -17
View File
@@ -95,6 +95,7 @@ impl<V: 'static> CollabPanelElement<V> {
.px_2()
.flex()
.justify_between()
.items_center()
// .hover()
// .fill(theme.middle.variant.hovered.background)
// .active()
@@ -109,7 +110,14 @@ impl<V: 'static> CollabPanelElement<V> {
.child("#")
.child("CRDB"),
)
.child(div().flex().gap_1().child("v")),
.child(
div().flex().h_full().gap_1().items_center().child(
div()
.w_3p5()
.h_3p5()
.fill(theme.middle.positive.default.foreground),
),
),
)
// List Item Large
.child(
@@ -128,25 +136,19 @@ impl<V: 'static> CollabPanelElement<V> {
.text_sm()
.child(
div()
.w_3p5()
.h_3p5()
.w_4()
.h_4()
.fill(theme.middle.negative.default.foreground),
)
.child("maxbrunsfeld"),
)
.child(
div()
.flex()
.h_full()
.gap_2()
.items_center()
.child(
div()
.w_4()
.h_4()
.fill(theme.middle.negative.default.foreground),
)
.child("i"),
div().flex().h_full().gap_1().items_center().child(
div()
.w_3p5()
.h_3p5()
.fill(theme.middle.positive.default.foreground),
),
),
),
)
@@ -165,7 +167,14 @@ impl<V: 'static> CollabPanelElement<V> {
.justify_between()
.items_center()
.child(div().flex().gap_1().text_sm().child("CHANNELS"))
.child(div().flex().gap_1().text_sm().child("v")),
.child(
div().flex().h_full().gap_1().items_center().child(
div()
.w_3p5()
.h_3p5()
.fill(theme.middle.positive.default.foreground),
),
),
),
)
// Large List Item
@@ -177,7 +186,14 @@ impl<V: 'static> CollabPanelElement<V> {
.justify_between()
.items_center()
.child(div().flex().gap_1().text_sm().child("CONTACTS"))
.child(div().flex().gap_1().text_sm().child("v")),
.child(
div().flex().h_full().gap_1().items_center().child(
div()
.w_3p5()
.h_3p5()
.fill(theme.middle.positive.default.foreground),
),
),
)
}
}