Add some basic styling to FindBar

2022-01-31 11:00:29 +01:00
parent 7db4cad9e0
commit 803cdd00a6
3 changed files with 49 additions and 26 deletions
@@ -81,6 +81,9 @@ item_spacing = 24
 cursor_position = "$text.2"
 diagnostic_message = "$text.2"

+[workspace.toolbar]
+height = 44
+
 [panel]
 padding = { top = 12, left = 12, bottom = 12, right = 12 }

@@ -325,10 +328,14 @@ background = "$surface.1"

 [find.mode_button]
 extends = "$text.1"
-
-[find.mode_button_group]
+padding = { left = 6, right = 6, top = 1, bottom = 1 }
 corner_radius = 6
 border = { width = 1, color = "$border.0" }
+margin.left = 1
+margin.right = 1
+
+[find.mode_button_group]
+padding = { left = 2, right = 2 }

 [find.active_mode_button]
 extends = "$find.mode_button"
@@ -344,12 +351,14 @@ background = "$surface.2"

 [find.match_index]
 extends = "$text.1"
+padding = 6
+margin.left = 24

 [find.editor]
 max_width = 400
 background = "$surface.0"
 corner_radius = 6
-padding = { left = 16, right = 16, top = 7, bottom = 7 }
+padding = { left = 13, right = 13, top = 3, bottom = 3 }
 margin = { top = 5, bottom = 5, left = 5, right = 5 }
 text = "$text.0"
 placeholder_text = "$text.2"