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

Calendar styling changes

Browse Source
This commit is contained in:
Thomas Camlong
2022-10-16 23:40:47 +09:00
committed by ajnart
parent 7647ec058c
commit cebeb61b94
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/modules/calendar/CalendarModule.tsx
View File

@@ -7,6 +7,7 @@ import {
ScrollArea, ScrollArea,
createStyles, createStyles,
useMantineTheme, useMantineTheme,
Space,
} from '@mantine/core'; } from '@mantine/core';
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { Calendar } from '@mantine/dates'; import { Calendar } from '@mantine/dates';
@@ -278,10 +279,11 @@ function DayComponent(props: any) {
scrollbarSize={5} scrollbarSize={5}
style={{ style={{
height: height:
totalFiltered.slice(0, 2).length > 1 ? totalFiltered.slice(0, 2).length * 150 : 200, totalFiltered.slice(0, 2).length > 1 ? totalFiltered.slice(0, 2).length * 150 : 220,
width: 400, width: 400,
}} }}
> >
<Space mt={5} />
{sonarrFiltered.map((media: any, index: number) => ( {sonarrFiltered.map((media: any, index: number) => (
<React.Fragment key={index}> <React.Fragment key={index}>
<SonarrMediaDisplay media={media} /> <SonarrMediaDisplay media={media} />

2
src/modules/common/MediaDisplay.tsx
View File

@@ -163,7 +163,7 @@ export function MediaDisplay({ media }: { media: IMedia }) {
const { t } = useTranslation('modules/common-media-cards'); const { t } = useTranslation('modules/common-media-cards');
return ( return (
<Group mr="xs" align="stretch" noWrap style={{ maxHeight: 200 }}> <Group mr="xs" align="stretch" noWrap style={{ maxHeight: 200 }} spacing="xs">
<Image src={media.poster} height={200} width={150} radius="md" fit="cover" /> <Image src={media.poster} height={200} width={150} radius="md" fit="cover" />
<Stack justify="space-around"> <Stack justify="space-around">
<Stack spacing="sm"> <Stack spacing="sm">