Карточка погоды: увеличен шрифт до уровня остальных карточек

Made-with: Cursor

Author: gfer

app/ui/src/components/SunHorizon.tsx

@@ -36,32 +36,32 @@ export const SunHorizon = ({ sunTimes }: SunHorizonProps) => {
       }}
     >
       <Box>
-        <Typography variant="caption" color="text.secondary" sx={{ fontSize: '0.65rem' }}>
+        <Typography variant="caption" color="text.secondary" sx={{ fontSize: '0.75rem' }}>
           {t('weather.dawn')} {dawn}
         </Typography>
-        <Typography variant="caption" color="text.secondary" display="block" sx={{ fontSize: '0.7rem' }}>
+        <Typography variant="caption" color="text.secondary" display="block" sx={{ fontSize: '0.8rem' }}>
           {t('weather.sunrise')}
         </Typography>
-        <Typography variant="body2" fontWeight={600} sx={{ fontSize: '0.875rem' }}>
+        <Typography variant="body2" fontWeight={600}>
           {sunrise}
         </Typography>
       </Box>
       <Box>
-        <Typography variant="caption" color="text.secondary" display="block" sx={{ fontSize: '0.7rem' }}>
+        <Typography variant="caption" color="text.secondary" display="block" sx={{ fontSize: '0.8rem' }}>
           {t('weather.noon')}
         </Typography>
-        <Typography variant="body2" fontWeight={600} sx={{ fontSize: '0.875rem' }}>
+        <Typography variant="body2" fontWeight={600}>
           {noon}
         </Typography>
       </Box>
       <Box>
-        <Typography variant="caption" color="text.secondary" sx={{ fontSize: '0.65rem' }}>
+        <Typography variant="caption" color="text.secondary" sx={{ fontSize: '0.75rem' }}>
           {t('weather.dusk')} {dusk}
         </Typography>
-        <Typography variant="caption" color="text.secondary" display="block" sx={{ fontSize: '0.7rem' }}>
+        <Typography variant="caption" color="text.secondary" display="block" sx={{ fontSize: '0.8rem' }}>
           {t('weather.sunset')}
         </Typography>
-        <Typography variant="body2" fontWeight={600} sx={{ fontSize: '0.875rem' }}>
+        <Typography variant="body2" fontWeight={600}>
           {sunset}
         </Typography>
       </Box>

app/ui/src/components/WeatherCard.tsx

@@ -63,28 +63,28 @@ export const WeatherCard = ({ weather, date }: WeatherCardProps) => {
   return (
     <Paper sx={{ padding: 1.5, height: '100%', display: 'flex', flexDirection: 'column', minHeight: 0 }}>
       <Stack spacing={1} sx={{ flex: 1, minHeight: 0 }}>
-        <Typography variant="h6" sx={{ fontSize: '1rem' }}>{t('weather.title')}</Typography>
+        <Typography variant="h6">{t('weather.title')}</Typography>
         <Box
           sx={{
             display: 'flex',
             flexWrap: 'wrap',
-            gap: 0.75,
+            gap: 1,
             '& .MuiChip-root': {
-              minWidth: 100,
-              height: 28,
-              '& .MuiChip-label': { fontSize: '0.75rem' },
+              minWidth: 110,
+              height: 32,
+              '& .MuiChip-label': { fontSize: '0.875rem' },
             },
           }}
         >
           <Chip
-            icon={<WeatherIcon sx={{ fontSize: 18 }} />}
+            icon={<WeatherIcon sx={{ fontSize: 20 }} />}
             label={weather.main}
             title={weather.description}
           />
-          <Chip icon={<CloudIcon sx={{ fontSize: 18 }} />} label={`${weather.clouds}%`} />
-          <Chip icon={<TempIcon sx={{ fontSize: 18 }} />} label={`${Math.round(weather.temp)}°C`} />
-          <Chip icon={<HumidityIcon sx={{ fontSize: 18 }} />} label={`${weather.humidity}%`} />
-          <Chip icon={<WindIcon sx={{ fontSize: 18 }} />} label={`${weather.wind_speed} m/s`} />
+          <Chip icon={<CloudIcon sx={{ fontSize: 20 }} />} label={`${weather.clouds}%`} />
+          <Chip icon={<TempIcon sx={{ fontSize: 20 }} />} label={`${Math.round(weather.temp)}°C`} />
+          <Chip icon={<HumidityIcon sx={{ fontSize: 20 }} />} label={`${weather.humidity}%`} />
+          <Chip icon={<WindIcon sx={{ fontSize: 20 }} />} label={`${weather.wind_speed} m/s`} />
         </Box>
         {sunTimes && (
           <Box sx={{ pt: 0.75, borderTop: 1, borderColor: 'divider' }}>