adjust padding / design of layout toggle

This commit is contained in:
jeffvli
2026-03-17 21:40:10 -07:00
parent 74864d9621
commit 3eafa73217
@@ -294,7 +294,7 @@ export const AppMenu = () => {
items: [ items: [
{ {
component: ( component: (
<Group gap="xs" grow w="100%"> <Group gap="xs" grow pb="xs" pt="sm" px="xs" w="100%">
<ActionIcon <ActionIcon
icon="layoutPanelRight" icon="layoutPanelRight"
iconProps={{ iconProps={{
@@ -310,7 +310,9 @@ export const AppMenu = () => {
position: 'bottom', position: 'bottom',
}} }}
variant={ variant={
settings.sideQueueLayout === 'horizontal' ? 'light' : 'default' settings.sideQueueLayout === 'horizontal'
? 'default'
: 'transparent'
} }
/> />
<ActionIcon <ActionIcon
@@ -328,7 +330,9 @@ export const AppMenu = () => {
position: 'bottom', position: 'bottom',
}} }}
variant={ variant={
settings.sideQueueLayout === 'vertical' ? 'light' : 'default' settings.sideQueueLayout === 'vertical'
? 'default'
: 'transparent'
} }
/> />
</Group> </Group>