viewport_units.rs

 1use gpui::Render;
 2use story::Story;
 3
 4use ui::prelude::*;
 5
 6pub struct ViewportUnitsStory;
 7
 8impl Render for ViewportUnitsStory {
 9    fn render(&mut self, window: &mut Window, cx: &mut Context<Self>) -> impl IntoElement {
10        Story::container(cx).child(
11            div()
12                .flex()
13                .flex_row()
14                .child(
15                    div()
16                        .w(vw(0.5, window))
17                        .h(vh(0.8, window))
18                        .bg(gpui::red())
19                        .text_color(gpui::white())
20                        .child("50vw, 80vh"),
21                )
22                .child(
23                    div()
24                        .w(vw(0.25, window))
25                        .h(vh(0.33, window))
26                        .bg(gpui::green())
27                        .text_color(gpui::white())
28                        .child("25vw, 33vh"),
29                ),
30        )
31    }
32}