Seperate selector.input_editor and chat_panel.input_editor

* create [selector.input_editor] and style
* Update selector style to match figma now that inputs are individually stylable
This commit is contained in:
Nate 2021-09-10 11:23:38 -04:00
parent 160c4beb06
commit 64c26a73be

View file

@ -112,17 +112,25 @@ padding = 8
margin.top = 52
corner_radius = 6
shadow = { offset = [0, 2], blur = 16, color = "$shadow.0" }
input_editor = "$chat_panel.input_editor"
border = { width = 1, color = "$border.0" }
[selector.input_editor]
background = "$surface.1"
corner_radius = 6
padding = { left = 16, right = 16, top = 7, bottom = 7 }
text = "$text.0.color"
placeholder_text = "$text.2.color"
selection = "$selection.host"
border = { width = 1, color = "$border.0" }
[selector.empty]
text = "$text.2"
padding = { left = 8, right = 8, top = 8, bottom = 4 }
padding = { left = 16, right = 16, top = 8, bottom = 4 }
[selector.item]
text = "$text.1"
highlight_text = { extends = "$text.base", color = "$syntax.keyword.color", weight = "$syntax.keyword.weight" }
padding = { left = 8, right = 8, top = 4, bottom = 4 }
padding = { left = 16, right = 16, top = 4, bottom = 4 }
corner_radius = 6
[selector.active_item]