Tune styles and disclosable elements

This commit is contained in:
Mikayla 2023-08-23 16:25:17 -07:00
parent bfd3e53dcd
commit 2a182b6a7b
No known key found for this signature in database
5 changed files with 93 additions and 30 deletions

View file

@ -14,6 +14,7 @@ import { indicator } from "../component/indicator"
export default function contacts_panel(): any {
const theme = useTheme()
const CHANNEL_SPACING = 4 as const
const NAME_MARGIN = 6 as const
const SPACING = 12 as const
const INDENT_SIZE = 8 as const
@ -153,8 +154,8 @@ export default function contacts_panel(): any {
return {
...collab_modals(),
disclosure: {
button: toggleable_icon_button(theme, {}),
spacing: 4,
button: icon_button({ variant: "ghost", size: "sm" }),
spacing: CHANNEL_SPACING,
},
log_in_button: interactive({
base: {
@ -198,7 +199,7 @@ export default function contacts_panel(): any {
add_channel_button: header_icon_button,
leave_call_button: header_icon_button,
row_height: ITEM_HEIGHT,
channel_indent: INDENT_SIZE * 2,
channel_indent: INDENT_SIZE * 2 + 2,
section_icon_size: 14,
header_row: {
...text(layer, "sans", { size: "sm", weight: "bold" }),
@ -268,7 +269,7 @@ export default function contacts_panel(): any {
channel_name: {
...text(layer, "sans", { size: "sm" }),
margin: {
left: NAME_MARGIN,
left: CHANNEL_SPACING,
},
},
list_empty_label_container: {