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

🐛 Adjust card wrapper for calendar

Browse Source
This commit is contained in:
Manuel Ruwe
2022-12-11 15:13:35 +01:00
parent 6436ef97f2
commit 35d20965a3
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Dashboard/Tiles/Calendar/CalendarTile.tsx
View File

@@ -1,4 +1,4 @@
import { Card, createStyles, MantineThemeColors, useMantineTheme } from '@mantine/core'; import { createStyles, MantineThemeColors, useMantineTheme } from '@mantine/core';
import { Calendar } from '@mantine/dates'; import { Calendar } from '@mantine/dates';
import { useQuery } from '@tanstack/react-query'; import { useQuery } from '@tanstack/react-query';
import { useState } from 'react'; import { useState } from 'react';
@@ -6,6 +6,7 @@ import { useConfigContext } from '../../../../config/provider';
import { useColorTheme } from '../../../../tools/color'; import { useColorTheme } from '../../../../tools/color';
import { isToday } from '../../../../tools/isToday'; import { isToday } from '../../../../tools/isToday';
import { CalendarIntegrationType } from '../../../../types/integration'; import { CalendarIntegrationType } from '../../../../types/integration';
import { HomarrCardWrapper } from '../HomarrCardWrapper';
import { BaseTileProps } from '../type'; import { BaseTileProps } from '../type';
import { CalendarDay } from './CalendarDay'; import { CalendarDay } from './CalendarDay';
import { MediasType } from './type'; import { MediasType } from './type';
@@ -36,7 +37,7 @@ export const CalendarTile = ({ className, module }: CalendarTileProps) => {
if (!module) return <></>; if (!module) return <></>;
return ( return (
<Card className={className} withBorder p="xs"> <HomarrCardWrapper className={className} p={6}>
<Calendar <Calendar
month={month} month={month}
onMonthChange={setMonth} onMonthChange={setMonth}
@@ -63,8 +64,8 @@ export const CalendarTile = ({ className, module }: CalendarTileProps) => {
renderDay={(date) => ( renderDay={(date) => (
<CalendarDay date={date} medias={getReleasedMediasForDate(medias, date)} /> <CalendarDay date={date} medias={getReleasedMediasForDate(medias, date)} />
)} )}
></Calendar> />
</Card> </HomarrCardWrapper>
); );
}; };