feat: add fallback to run animations on switch

2026-03-15 23:50:04 -05:00
parent f35c73b028
commit 954112e30e
2 changed files with 29 additions and 6 deletions
--- a/src/components/sections/WeatherSection.astro
+++ b/src/components/sections/WeatherSection.astro
@@ -19,8 +19,12 @@ const { forecastDays, error } = await getFiveDayForecast(latitude, longitude, ti
    </div>
  </div>
  {error ? (
-  <div class="card-base p-10 text-accent text-center">
-    Sorry, {error.toLowerCase()}
+  <div class="smooth-reveal flex flex-wrap justify-center gap-4 lg:gap-6">
+    <div class="card-base flex flex-col justify-center items-center p-10 w-48 h-56">
+      <h1 class="card-text-header block text-accent text-center">
+        Sorry, {error.toLowerCase()}
+      </h1>
+    </div>
  </div>
  ) : (
  <div class="flex flex-wrap justify-center gap-4 lg:gap-6">