Skip to content

Commit bf4b166

Browse files
ui: polish Manage Room Bots modal styling
- Lighten form background from COLOR_SECONDARY (#E3E3E3) to #F5F5F7 - Unify dropdown text to 11.5px matching input fields - Add vertical centering (align + padding) to DropDownFlat widgets - Override dropdown colors for light background readability - Soften field labels from project-robius#333 to project-robius#666 for better hierarchy - Increase title font from 13px to 14px - Widen form padding (14→16) and modal spacing (16→18) - Adjust button widths and spacing for visual balance
1 parent 04bf381 commit bf4b166

1 file changed

Lines changed: 52 additions & 12 deletions

File tree

src/home/bot_binding_modal.rs

Lines changed: 52 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ script_mod! {
2121
height: Fit
2222
draw_text +: {
2323
text_style: REGULAR_TEXT { font_size: 10.5 }
24-
color: #333
24+
color: #666
2525
}
2626
text: ""
2727
}
@@ -36,7 +36,7 @@ script_mod! {
3636
align: Align{x: 0.5}
3737
flow: Down
3838
padding: Inset{top: 28, right: 24, bottom: 20, left: 24}
39-
spacing: 16
39+
spacing: 18
4040

4141
show_bg: true
4242
draw_bg +: {
@@ -48,7 +48,7 @@ script_mod! {
4848
width: Fill
4949
height: Fit
5050
draw_text +: {
51-
text_style: TITLE_TEXT { font_size: 13 }
51+
text_style: TITLE_TEXT { font_size: 14 }
5252
color: #000
5353
}
5454
text: "Manage Room Bots"
@@ -63,12 +63,12 @@ script_mod! {
6363
height: Fit
6464
flow: Down
6565
spacing: 12
66-
padding: 14
66+
padding: 16
6767

6868
show_bg: true
6969
draw_bg +: {
70-
color: (COLOR_SECONDARY)
71-
border_radius: 4.0
70+
color: #F5F5F7
71+
border_radius: 6.0
7272
}
7373

7474
current_room_bots_label := mod.widgets.BotBindingModalLabel {
@@ -78,6 +78,26 @@ script_mod! {
7878
current_room_bots_dropdown := DropDownFlat {
7979
width: Fill
8080
height: 40
81+
align: Align{y: 0.5}
82+
padding: Inset{left: 12, top: 11, bottom: 11, right: 30}
83+
draw_text +: {
84+
text_style: REGULAR_TEXT { font_size: 11.5 }
85+
color: #333
86+
color_hover: uniform(#222)
87+
color_focus: uniform(#222)
88+
color_down: uniform(#222)
89+
}
90+
draw_bg +: {
91+
color: uniform(#fff)
92+
color_hover: uniform(#F0F0F2)
93+
color_focus: uniform(#F0F0F2)
94+
color_down: uniform(#E8E8EA)
95+
border_color: uniform(#CCC)
96+
border_color_hover: uniform(#AAA)
97+
border_color_focus: uniform((COLOR_ACTIVE_PRIMARY))
98+
arrow_color: uniform(#888)
99+
arrow_color_hover: uniform(#555)
100+
}
81101
labels: ["No bots currently added"]
82102
}
83103

@@ -88,6 +108,26 @@ script_mod! {
88108
known_bots_dropdown := DropDownFlat {
89109
width: Fill
90110
height: 40
111+
align: Align{y: 0.5}
112+
padding: Inset{left: 12, top: 11, bottom: 11, right: 30}
113+
draw_text +: {
114+
text_style: REGULAR_TEXT { font_size: 11.5 }
115+
color: #333
116+
color_hover: uniform(#222)
117+
color_focus: uniform(#222)
118+
color_down: uniform(#222)
119+
}
120+
draw_bg +: {
121+
color: uniform(#fff)
122+
color_hover: uniform(#F0F0F2)
123+
color_focus: uniform(#F0F0F2)
124+
color_down: uniform(#E8E8EA)
125+
border_color: uniform(#CCC)
126+
border_color_hover: uniform(#AAA)
127+
border_color_focus: uniform((COLOR_ACTIVE_PRIMARY))
128+
arrow_color: uniform(#888)
129+
arrow_color_hover: uniform(#555)
130+
}
91131
labels: ["Custom bot user ID"]
92132
}
93133

@@ -98,7 +138,7 @@ script_mod! {
98138
user_id_input := RobrixTextInput {
99139
width: Fill
100140
height: Fit
101-
padding: 10
141+
padding: 12
102142
draw_text +: {
103143
text_style: REGULAR_TEXT { font_size: 11.5 }
104144
color: #000
@@ -113,7 +153,7 @@ script_mod! {
113153
remark_input := RobrixTextInput {
114154
width: Fill
115155
height: Fit
116-
padding: 10
156+
padding: 12
117157
draw_text +: {
118158
text_style: REGULAR_TEXT { font_size: 11.5 }
119159
color: #000
@@ -153,10 +193,10 @@ script_mod! {
153193
height: Fit
154194
flow: Right
155195
align: Align{x: 1.0, y: 0.5}
156-
spacing: 12
196+
spacing: 14
157197

158198
cancel_button := RobrixNeutralIconButton {
159-
width: 110
199+
width: 100
160200
align: Align{x: 0.5, y: 0.5}
161201
padding: 12
162202
draw_icon.svg: (ICON_FORBIDDEN)
@@ -165,7 +205,7 @@ script_mod! {
165205
}
166206

167207
unbind_button := RobrixNegativeIconButton {
168-
width: 128
208+
width: 120
169209
align: Align{x: 0.5, y: 0.5}
170210
padding: 12
171211
draw_icon.svg: (ICON_CLOSE)
@@ -174,7 +214,7 @@ script_mod! {
174214
}
175215

176216
bind_button := RobrixPositiveIconButton {
177-
width: 128
217+
width: 120
178218
align: Align{x: 0.5, y: 0.5}
179219
padding: 12
180220
draw_icon.svg: (ICON_ADD_USER)

0 commit comments

Comments
 (0)