popup_menu: More compact checked style (#534)
## Before <img width="360" alt="image" src="https://github.com/user-attachments/assets/be388143-efed-4a47-b4f7-11018fe22f99" /> ## After <img width="336" alt="image" src="https://github.com/user-attachments/assets/449b7dd3-c51f-4673-a068-34ac813d79fd" />
This commit is contained in:
parent
bf8eb3f459
commit
8aac2f75e4
1 changed files with 5 additions and 6 deletions
|
|
@ -469,12 +469,11 @@ impl PopupMenu {
|
|||
let icon = h_flex()
|
||||
.w_3p5()
|
||||
.h_3p5()
|
||||
.items_center()
|
||||
.justify_center()
|
||||
.text_sm()
|
||||
.map(|this| {
|
||||
if let Some(icon) = icon {
|
||||
this.child(icon.clone().small())
|
||||
this.child(icon.clone().xsmall())
|
||||
} else {
|
||||
this.children(icon_placeholder.clone())
|
||||
}
|
||||
|
|
@ -553,7 +552,7 @@ impl Render for PopupMenu {
|
|||
.relative()
|
||||
.text_sm()
|
||||
.py_0()
|
||||
.px_2()
|
||||
.px_1()
|
||||
.rounded_md()
|
||||
.items_center()
|
||||
.on_mouse_enter(cx.listener(move |this, _, cx| {
|
||||
|
|
@ -580,7 +579,7 @@ impl Render for PopupMenu {
|
|||
h_flex()
|
||||
.min_h(ITEM_HEIGHT)
|
||||
.items_center()
|
||||
.gap_x_1p5()
|
||||
.gap_x_1()
|
||||
.children(Self::render_icon(
|
||||
has_icon, None, cx,
|
||||
))
|
||||
|
|
@ -604,7 +603,7 @@ impl Render for PopupMenu {
|
|||
h_flex()
|
||||
.h(ITEM_HEIGHT)
|
||||
.items_center()
|
||||
.gap_x_1p5()
|
||||
.gap_x_1()
|
||||
.children(Self::render_icon(
|
||||
has_icon,
|
||||
icon.clone(),
|
||||
|
|
@ -632,7 +631,7 @@ impl Render for PopupMenu {
|
|||
h_flex()
|
||||
.size_full()
|
||||
.items_center()
|
||||
.gap_x_1p5()
|
||||
.gap_x_1()
|
||||
.children(Self::render_icon(
|
||||
has_icon,
|
||||
icon.clone(),
|
||||
|
|
|
|||
Loading…
Reference in a new issue