added border and round corners to game menu example

bevyengine · Jun 30, 2023 · 2513156 · 2513156
1 parent c575717
commit 2513156
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/examples/games/game_menu.rs b/examples/games/game_menu.rs
@@ -399,6 +399,8 @@ mod menu {
  width: Val::Px(250.0),
  height: Val::Px(65.0),
  margin: UiRect::all(Val::Px(20.0)),
+ border_radius: UiBorderRadius::all(Val::Px(20.)),
+ border: UiRect::all(Val::Px(5.)),
  justify_content: JustifyContent::Center,
  align_items: AlignItems::Center,
  ..default()
@@ -437,9 +439,12 @@ mod menu {
  style: Style {
  flex_direction: FlexDirection::Column,
  align_items: AlignItems::Center,
+ border_radius: UiBorderRadius::all(Val::Percent(10.)),
+ border: UiRect::all(Val::Px(10.)),
  ..default()
  },
  background_color: Color::CRIMSON.into(),
+ border_color: Color::MAROON.into(),
  ..default()
  })
  .with_children(|parent| {
@@ -468,6 +473,7 @@ mod menu {
  ButtonBundle {
  style: button_style.clone(),
  background_color: NORMAL_BUTTON.into(),
+ border_color: Color::MAROON.into(),
  ..default()
  },
  MenuButtonAction::Play,
@@ -489,6 +495,7 @@ mod menu {
  ButtonBundle {
  style: button_style.clone(),
  background_color: NORMAL_BUTTON.into(),
+ border_color: Color::MAROON.into(),
  ..default()
  },
  MenuButtonAction::Settings,
@@ -510,6 +517,7 @@ mod menu {
  ButtonBundle {
  style: button_style,
  background_color: NORMAL_BUTTON.into(),
+ border_color: Color::MAROON.into(),
  ..default()
  },
  MenuButtonAction::Quit,
@@ -698,6 +706,7 @@ mod menu {
  width: Val::Px(200.0),
  height: Val::Px(65.0),
  margin: UiRect::all(Val::Px(20.0)),
+ border_radius: UiBorderRadius::max(),
  justify_content: JustifyContent::Center,
  align_items: AlignItems::Center,
  ..default()