Mathis/forecast
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

edit css

Browse Source
This commit is contained in:
madarsbiss 2021-09-23 12:27:07 +03:00
parent f3ebc9f6ca
commit 236650857f
2 changed files with 0 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/DateAndTime.js
View File

@ -1,5 +1,4 @@
import { getWeekDay, getTime, getAMPM } from "../services/utils"; import { getWeekDay, getTime, getAMPM } from "../services/utils";
import styles from "./DateAndTime.module.css"; import styles from "./DateAndTime.module.css";
const DateAndTime = ({ weatherData, systemUsed }) => { const DateAndTime = ({ weatherData, systemUsed }) => {

6
components/MetricsBox.js
View File

@ -6,7 +6,6 @@ import {
getWindSpeed, getWindSpeed,
} from "../services/utils"; } from "../services/utils";
import MetricCard from "./MetricsCard"; import MetricCard from "./MetricsCard";
import styles from "./MetricsBox.module.css"; import styles from "./MetricsBox.module.css";
const MetricsBox = ({ weatherData, systemUsed }) => { const MetricsBox = ({ weatherData, systemUsed }) => {
@ -18,27 +17,23 @@ const MetricsBox = ({ weatherData, systemUsed }) => {
metric={weatherData.main.humidity} metric={weatherData.main.humidity}
unit={"%"} unit={"%"}
/> />
<MetricCard <MetricCard
title={"Wind speed"} title={"Wind speed"}
iconSrc={"/icons/wind.png"} iconSrc={"/icons/wind.png"}
metric={getWindSpeed(systemUsed, weatherData.wind.speed)} metric={getWindSpeed(systemUsed, weatherData.wind.speed)}
unit={systemUsed == "metric" ? "m/s" : "m/h"} unit={systemUsed == "metric" ? "m/s" : "m/h"}
/> />
<MetricCard <MetricCard
title={"Wind direction"} title={"Wind direction"}
iconSrc={"/icons/compass.png"} iconSrc={"/icons/compass.png"}
metric={degToCompass(weatherData.wind.deg)} metric={degToCompass(weatherData.wind.deg)}
/> />
<MetricCard <MetricCard
title={"Visibility"} title={"Visibility"}
iconSrc={"/icons/binocular.png"} iconSrc={"/icons/binocular.png"}
metric={getVisibility(systemUsed, weatherData.visibility)} metric={getVisibility(systemUsed, weatherData.visibility)}
unit={systemUsed == "metric" ? "km" : "miles"} unit={systemUsed == "metric" ? "km" : "miles"}
/> />
<MetricCard <MetricCard
title={"Sunrise"} title={"Sunrise"}
iconSrc={"/icons/sunrise.png"} iconSrc={"/icons/sunrise.png"}
@ -53,7 +48,6 @@ const MetricsBox = ({ weatherData, systemUsed }) => {
weatherData.timezone weatherData.timezone
)} )}
/> />
<MetricCard <MetricCard
title={"Sunset"} title={"Sunset"}
iconSrc={"/icons/sunset.png"} iconSrc={"/icons/sunset.png"}