Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-11 16:05:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

💄 Styling changes for medias and AppShelf

Browse Source
This commit is contained in:
ajnart
2022-06-06 23:56:33 +02:00
parent bf7b9637f7
commit 6067c5dfcf
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/AppShelf/AppShelf.tsx
View File

@@ -134,11 +134,15 @@ const AppShelf = (props: any) => {
onChange={(idx) => settoggledCategories(idx)} onChange={(idx) => settoggledCategories(idx)}
> >
{categoryList.map((category, idx) => ( {categoryList.map((category, idx) => (
<Accordion.Item label={category}>{item(category)}</Accordion.Item> <Accordion.Item key={category} label={category}>
{item(category)}
</Accordion.Item>
))} ))}
{/* Return the item for all services without category */} {/* Return the item for all services without category */}
{noCategory && noCategory.length > 0 ? ( {noCategory && noCategory.length > 0 ? (
<Accordion.Item label="Other">{item()}</Accordion.Item> <Accordion.Item key="Other" label="Other">
{item()}
</Accordion.Item>
) : null} ) : null}
</Accordion> </Accordion>
<ModuleWrapper mt="xl" module={DownloadsModule} /> <ModuleWrapper mt="xl" module={DownloadsModule} />

4
src/components/modules/common/MediaDisplay.tsx
View File

@@ -86,9 +86,9 @@ export function MediaDisplay(props: { media: IMedia }) {
)} )}
</Group> </Group>
<Group direction="column" position="apart"> <Group direction="column" position="apart">
<ScrollArea style={{ height: 250, maxWidth: 700 }}>{media.overview}</ScrollArea> <ScrollArea style={{ height: 280, maxWidth: 700 }}>{media.overview}</ScrollArea>
<Group align="center" position="center" spacing="xs"> <Group align="center" position="center" spacing="xs">
{media.genres.map((genre: string, i: number) => ( {media.genres.slice(-5).map((genre: string, i: number) => (
<Badge size="sm" key={i}> <Badge size="sm" key={i}>
{genre} {genre}
</Badge> </Badge>