smedmunds/TriggerFrontend
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Missing ScrollArea styling

Browse Source
This commit is contained in:
Sean Edmunds
2025-06-19 23:36:38 -05:00
parent 786a2ecc7d
commit 34c6b272c8
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/settings/components/Theming/ThemePlaylistCard.tsx
View File

@@ -11,6 +11,7 @@ import { useDisclosure } from '@mantine/hooks';
import { useCommonHooks } from 'hooks'; import { useCommonHooks } from 'hooks';
import { useState } from 'react'; import { useState } from 'react';
import { FiEdit, FiTrash } from 'react-icons/fi'; import { FiEdit, FiTrash } from 'react-icons/fi';
import { scrollAreaClasses } from 'styles';
import type { Theme, ThemePlaylist } from 'types'; import type { Theme, ThemePlaylist } from 'types';
import DeleteItemModal from '../Shared/DeleteItemModal'; import DeleteItemModal from '../Shared/DeleteItemModal';
import ThemeMiniCard from './ThemeMiniCard'; import ThemeMiniCard from './ThemeMiniCard';
@@ -160,7 +161,13 @@ function ThemePlaylistCard({
> >
Count: {themeList.length} Count: {themeList.length}
</Text> </Text>
<ScrollArea h={'255px'} w={'100%'} style={{ zIndex: 2 }}> <ScrollArea
className={scrollAreaClasses.default}
classNames={scrollAreaClasses}
h={'255px'}
w={'100%'}
style={{ zIndex: 2 }}
>
<Stack gap={4}> <Stack gap={4}>
{themeList.length > 0 && {themeList.length > 0 &&
themeList themeList