Center contents with Container in exit example

... also add some `padding` to buttons!
iced-rs · Jan 3, 2022 · ecd0997 · ecd0997
1 parent 8a70d10
commit ecd0997
Showing 1 changed file with 16 additions and 7 deletions.
diff --git a/examples/exit/src/main.rs b/examples/exit/src/main.rs
@@ -1,5 +1,6 @@
 use iced::{
-    button, Alignment, Button, Column, Element, Sandbox, Settings, Text,
+    button, Alignment, Button, Column, Container, Element, Length, Sandbox,
+    Settings, Text,
 };
 
 pub fn main() -> iced::Result {
@@ -47,29 +48,37 @@ impl Sandbox for Exit {
     }
 
     fn view(&mut self) -> Element<Message> {
-        if self.show_confirm {
+        let content = if self.show_confirm {
             Column::new()
-                .padding(20)
+                .spacing(10)
                 .align_items(Alignment::Center)
                 .push(Text::new("Are you sure you want to exit?"))
                 .push(
                     Button::new(
                         &mut self.confirm_button,
                         Text::new("Yes, exit now"),
                     )
+                    .padding([10, 20])
                     .on_press(Message::Confirm),
                 )
-                .into()
         } else {
             Column::new()
-                .padding(20)
+                .spacing(10)
                 .align_items(Alignment::Center)
                 .push(Text::new("Click the button to exit"))
                 .push(
                     Button::new(&mut self.exit_button, Text::new("Exit"))
+                        .padding([10, 20])
                         .on_press(Message::Exit),
                 )
-                .into()
-        }
+        };
+
+        Container::new(content)
+            .width(Length::Fill)
+            .height(Length::Fill)
+            .padding(20)
+            .center_x()
+            .center_y()
+            .into()
     }
 }