Yehowshua/ZIm
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

seperate out channel styles in theme

Browse source
This commit is contained in:
Mikayla 2023-08-15 12:12:30 -07:00
parent d05e8852d3
commit d13cedb248
No known key found for this signature in database
3 changed files with 52 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

43
styles/src/style_tree/collab_panel.ts
View file

@ -118,6 +118,38 @@ export default function contacts_panel(): any {
},
}
const item_row = toggleable({
base: interactive({
base: {
padding: {
left: SPACING,
right: SPACING,
},
},
state: {
clicked: {
background: background(layer, "pressed"),
},
},
}),
state: {
inactive: {
hovered: {
background: background(layer, "hovered"),
},
},
active: {
default: {
...text(layer, "ui_sans", "active", { size: "sm" }),
background: background(layer, "active"),
},
clicked: {
background: background(layer, "pressed"),
},
},
},
})
return {
...collab_modals(),
log_in_button: text_button(),
@ -198,6 +230,13 @@ export default function contacts_panel(): any {
},
},
}),
channel_row: item_row,
channel_name: {
...text(layer, "ui_sans", { size: "sm" }),
margin: {
left: NAME_MARGIN,
},
},
list_empty_label_container: {
margin: {
left: NAME_MARGIN,
@ -245,6 +284,10 @@ export default function contacts_panel(): any {
corner_radius: 10,
width: 20,
},
channel_avatar: {
corner_radius: 10,
width: 20,
},
extra_participant_label: {
corner_radius: 10,
padding: {