Tune styles and disclosable elements
This commit is contained in:
parent
bfd3e53dcd
commit
2a182b6a7b
5 changed files with 93 additions and 30 deletions
|
@ -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: {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue