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

Update Calendar Module styling

Browse Source
This commit is contained in:
Aj - Thomas
2022-05-10 18:56:50 +02:00
parent fa45eb3b3b
commit 0c0f8247d8
1 changed files with 5 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/modules/calendar/CalendarModule.tsx
View File

@@ -1,14 +1,14 @@
/* eslint-disable react/no-children-prop */ /* eslint-disable react/no-children-prop */
import { Popover, Box, ScrollArea, Divider, Indicator } from '@mantine/core'; import { Popover, Box, ScrollArea, Divider, Indicator, Card } from '@mantine/core';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { Calendar } from '@mantine/dates'; import { Calendar } from '@mantine/dates';
import { CalendarIcon } from '@modulz/radix-icons'; import { CalendarIcon } from '@modulz/radix-icons';
import { RadarrMediaDisplay, SonarrMediaDisplay } from './MediaDisplay'; import { RadarrMediaDisplay, SonarrMediaDisplay } from './MediaDisplay';
import { useConfig } from '../../../tools/state'; import { useConfig } from '../../../tools/state';
import { MHPModule } from '../modules'; import { IModule } from '../modules';
import React from 'react'; import React from 'react';
export const CalendarModule: MHPModule = { export const CalendarModule: IModule = {
title: 'Calendar', title: 'Calendar',
description: description:
'A calendar module for displaying upcoming releases. It interacts with the Sonarr and Radarr API.', 'A calendar module for displaying upcoming releases. It interacts with the Sonarr and Radarr API.',
@@ -94,12 +94,8 @@ function DayComponent(props: any) {
setOpened(true); setOpened(true);
}} }}
> >
{radarrFiltered.length > 0 && ( {radarrFiltered.length > 0 && <Indicator size={7} color="yellow" children={null} />}
<Indicator size={7} color="yellow" children={null} /> {sonarrFiltered.length > 0 && <Indicator size={7} offset={8} color="blue" children={null} />}
)}
{sonarrFiltered.length > 0 && (
<Indicator size={7} offset={8} color="blue" children={null} />
)}
<Popover <Popover
position="left" position="left"
width={700} width={700}