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

💄 � Update weather module styling

Browse Source
This commit is contained in:
Aj - Thomas
2022-05-16 12:36:35 +02:00
committed by Thomas "ajnart" Camlong
parent ab860eeea1
commit bdf871b476
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/modules/weather/WeatherModule.tsx
View File

@@ -1,7 +1,9 @@
import { Center, Group, Text, Title, Tooltip } from '@mantine/core';
import { Group, Space, Title, Tooltip } from '@mantine/core';
import axios from 'axios';
import { useEffect, useState } from 'react';
import {
ArrowDownRight,
ArrowUpRight,
Cloud,
CloudFog,
CloudRain,
@@ -139,13 +141,17 @@ export default function WeatherComponent(props: any) {
if (!weather.current_weather) {
return null;
}
return (
<Group position="left" direction="column">
<Title>{weather.current_weather.temperature}°C</Title>
<Group>
<Group spacing={0}>
<WeatherIcon code={weather.current_weather.weathercode} />
{weather.daily.temperature_2m_max[0]}°C / {weather.daily.temperature_2m_min[0]}°C
<Space mx="sm" />
<span>{weather.daily.temperature_2m_max[0]}°C</span>
<ArrowUpRight size={16} style={{ right: 15 }} />
<Space mx="sm" />
<span>{weather.daily.temperature_2m_min[0]}°C</span>
<ArrowDownRight size={16} />
</Group>
</Group>
);