Calendar styling changes

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

View File

@@ -7,6 +7,7 @@ import {
ScrollArea,
createStyles,
useMantineTheme,
Space,
} from '@mantine/core';
import React, { useEffect, useState } from 'react';
import { Calendar } from '@mantine/dates';
@@ -278,10 +279,11 @@ function DayComponent(props: any) {
scrollbarSize={5}
style={{
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,
}}
>
<Space mt={5} />
{sonarrFiltered.map((media: any, index: number) => (
<React.Fragment key={index}>
<SonarrMediaDisplay media={media} />

View File

@@ -163,7 +163,7 @@ export function MediaDisplay({ media }: { media: IMedia }) {
const { t } = useTranslation('modules/common-media-cards');
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" />
<Stack justify="space-around">
<Stack spacing="sm">