increase padding on list filters

This commit is contained in:
jeffvli
2025-12-14 06:12:56 -08:00
parent 69de9a98f0
commit 253a78b236
7 changed files with 8 additions and 7 deletions
@@ -193,7 +193,7 @@ export const JellyfinAlbumFilters = ({ disableArtistFilter }: JellyfinAlbumFilte
const debouncedHandleMaxYearFilter = useDebouncedCallback(handleMaxYearFilter, 300);
return (
<Stack p="md">
<Stack px="xl" py="md">
{yesNoFilter.map((filter) => (
<YesNoSelect
defaultValue={filter.value ? filter.value.toString() : undefined}
@@ -152,7 +152,7 @@ export const NavidromeAlbumFilters = ({ disableArtistFilter }: NavidromeAlbumFil
const debouncedHandleYearFilter = useDebouncedCallback(handleYearFilter, 300);
return (
<Stack p="md">
<Stack px="xl" py="md">
{yesNoUndefinedFilters.map((filter) => (
<YesNoSelect
clearable
@@ -143,7 +143,7 @@ export const SubsonicAlbumFilters = ({ disableArtistFilter }: SubsonicAlbumFilte
const debouncedHandleMaxYearFilter = useDebouncedCallback(handleMaxYearFilter, 300);
return (
<Stack p="md">
<Stack px="xl" py="md">
{toggleFilters.map((filter) => (
<Group justify="space-between" key={`ss-filter-${filter.label}`}>
<Text>{filter.label}</Text>
@@ -1,3 +1,4 @@
import { t } from 'i18next';
import { Suspense } from 'react';
import { useTranslation } from 'react-i18next';
@@ -108,7 +109,7 @@ export const ListFiltersTitle = () => {
const canUnpin = Boolean(setIsSidebarOpen);
return (
<Group justify="space-between" p="md" pb={0}>
<Group justify="space-between" pb={0} pl="xl" pr="xl" pt="md">
<Text fw={500} size="xl">
{t('common.filters', { postProcess: 'sentenceCase' })}
</Text>
@@ -137,7 +137,7 @@ export const JellyfinSongFilters = () => {
);
return (
<Stack p="md">
<Stack px="xl" py="md">
{yesNoFilters.map((filter) => (
<YesNoSelect
defaultValue={filter.value ? filter.value.toString() : undefined}
@@ -77,7 +77,7 @@ export const NavidromeSongFilters = () => {
const debouncedHandleYearFilter = useDebouncedCallback(handleYearFilter, 300);
return (
<Stack p="md">
<Stack px="xl" py="md">
{yesNoUndefinedFilters.map((filter) => (
<YesNoSelect
clearable
@@ -51,7 +51,7 @@ export const SubsonicSongFilters = () => {
);
return (
<Stack p="md">
<Stack px="xl" py="md">
{toggleFilters.map((filter) => (
<Group justify="space-between" key={`ss-filter-${filter.label}`}>
<Text>{filter.label}</Text>