make query editor button easier to click

This commit is contained in:
jeffvli
2025-12-02 01:02:08 -08:00
parent 2c026837e8
commit 8d53358d33
@@ -21,7 +21,6 @@ import { JsonPreview } from '/@/renderer/features/shared/components/json-preview
import { PageErrorBoundary } from '/@/renderer/features/shared/components/page-error-boundary'; import { PageErrorBoundary } from '/@/renderer/features/shared/components/page-error-boundary';
import { AppRoute } from '/@/renderer/router/routes'; import { AppRoute } from '/@/renderer/router/routes';
import { useCurrentServer } from '/@/renderer/store'; import { useCurrentServer } from '/@/renderer/store';
import { ActionIcon } from '/@/shared/components/action-icon/action-icon';
import { Button } from '/@/shared/components/button/button'; import { Button } from '/@/shared/components/button/button';
import { Group } from '/@/shared/components/group/group'; import { Group } from '/@/shared/components/group/group';
import { Icon } from '/@/shared/components/icon/icon'; import { Icon } from '/@/shared/components/icon/icon';
@@ -163,19 +162,20 @@ const PlaylistQueryEditor = ({
<Stack gap={0} h="100%" mah="50dvh" p="md" w="100%"> <Stack gap={0} h="100%" mah="50dvh" p="md" w="100%">
<Group justify="space-between" pb="md" wrap="nowrap"> <Group justify="space-between" pb="md" wrap="nowrap">
<Group gap="sm" wrap="nowrap"> <Group gap="sm" wrap="nowrap">
<ActionIcon <Button
icon={isQueryBuilderExpanded ? 'arrowUpS' : 'arrowDownS'} leftSection={
iconProps={{ <Icon
size: 'md', icon={isQueryBuilderExpanded ? 'arrowUpS' : 'arrowDownS'}
}} size="lg"
/>
}
onClick={onToggleExpand} onClick={onToggleExpand}
size="xs" size="compact-md"
/> >
<Text>
{t('form.queryEditor.title', { {t('form.queryEditor.title', {
postProcess: 'titleCase', postProcess: 'titleCase',
})} })}
</Text> </Button>
</Group> </Group>
<Group gap="xs"> <Group gap="xs">
<Button <Button