smedmunds/TriggerFrontend
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Style updates

Browse Source
This commit is contained in:
Sean Edmunds
2025-02-11 15:23:48 -06:00
parent b62ad44358
commit bfd958d78f
19 changed files with 574 additions and 702 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/components/WeatherModal/WeatherIcon.tsx
View File

@@ -15,7 +15,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Clear':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={SunnyIcon}
alt='SunnyIcon'
/>
@@ -23,7 +23,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Cloudy':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={CloudyIcon}
alt='CloudyIcon'
/>
@@ -31,7 +31,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Mostly Cloudy':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={CloudyIcon}
alt='CloudyIcon'
/>
@@ -39,7 +39,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Rain':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={RainIcon}
alt='RainIcon'
/>
@@ -47,7 +47,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Showers':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={RainIcon}
alt='RainIcon'
/>
@@ -55,7 +55,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Drizzle':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={RainIcon}
alt='RainIcon'
/>
@@ -63,7 +63,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Snow':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={SnowIcon}
alt='SnowIcon'
/>
@@ -71,7 +71,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Thunderstorm':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={ThunderstormIcon}
alt='ThunderstormIcon'
/>
@@ -79,7 +79,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Mist':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={HazeIcon}
alt='HazeIcon'
/>
@@ -87,7 +87,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Haze':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={HazeIcon}
alt='HazeIcon'
/>
@@ -95,7 +95,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Dust':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={HazeIcon}
alt='HazeIcon'
/>
@@ -103,7 +103,15 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Fog':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={HazeIcon}
alt='HazeIcon'
/>
);
case 'Patchy Fog':
return (
<Image
style={{ width: '75px', height: '75px' }}
src={HazeIcon}
alt='HazeIcon'
/>
@@ -111,7 +119,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Smoke':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={HazeIcon}
alt='HazeIcon'
/>
@@ -119,7 +127,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Sand':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={HazeIcon}
alt='HazeIcon'
/>
@@ -127,7 +135,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Ash':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={HazeIcon}
alt='HazeIcon'
/>
@@ -135,7 +143,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Squall':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={HazeIcon}
alt='HazeIcon'
/>
@@ -143,7 +151,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Tornado':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={HazeIcon}
alt='HazeIcon'
/>
@@ -151,7 +159,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Freezing Rain':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={HazeIcon}
alt='HazeIcon'
/>
@@ -159,7 +167,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Shower Rain':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={HazeIcon}
alt='HazeIcon'
/>
@@ -167,7 +175,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Heavy Rain':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={HeavyRainIcon}
alt='HeavyRainIcon'
/>
@@ -175,7 +183,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Scattered Clouds':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={PartlyCloudyIcon}
alt='PartlyCloudyIcon'
/>
@@ -183,7 +191,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Broken Clouds':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={PartlyCloudyIcon}
alt='PartlyCloudyIcon'
/>
@@ -191,7 +199,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Overcast Clouds':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={PartlyCloudyIcon}
alt='PartlyCloudyIcon'
/>
@@ -199,7 +207,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Moderate Rain':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={PartlyCloudyIcon}
alt='PartlyCloudyIcon'
/>
@@ -207,7 +215,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Light Rain':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={PartlyCloudyIcon}
alt='PartlyCloudyIcon'
/>
@@ -215,7 +223,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Heavy Snow':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={SnowIcon}
alt='SnowIcon'
/>
@@ -223,7 +231,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Sleet':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={SleetIcon}
alt='SleetIcon'
/>
@@ -231,7 +239,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
case 'Partly Sunny':
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={PartlyCloudyIcon}
alt='PartlyCloudyIcon'
/>
@@ -239,7 +247,7 @@ export default function WeatherIcon({ textDescription }: { textDescription: stri
default:
return (
<Image
style={{ width: '100px', height: '100px' }}
style={{ width: '75px', height: '75px' }}
src={SunnyIcon}
alt='SunnyIcon'
/>