Reworking Personalization

2026-02-13 12:51:09 -06:00
parent dd5e3dd4f3
commit e24f1ece32
4 changed files with 151 additions and 96 deletions
--- a/src/components/WeatherModal/ExtendedForecastCard.tsx
+++ b/src/components/WeatherModal/ExtendedForecastCard.tsx
@@ -54,7 +54,25 @@ export default function ExtendedForecastCard({
 								borderRadius: '8px',
 							}}
 						>
-							<Text>{item.name}</Text>
+							<Group
+								justify={item.name.length > 15 ? 'flex-start' : 'center'}
+								style={{
+									width: '100%',
+									whiteSpace: 'nowrap',
+									overflow: 'hidden',
+									boxSizing: 'border-box',
+									position: 'relative',
+								}}
+							>
+								<Text
+									className={
+										item.name.length > 15 ? textClasses.autoScrollText : undefined
+									}
+									classNames={textClasses}
+								>
+									{item.name}
+								</Text>
+							</Group>
 							<WeatherIcon size='md' textDescription={short} />
 							<Group
 								justify={short.length > 15 ? 'flex-start' : 'center'}