Improve layout stability by setting fixed minimum heights for all widgets

Applies a fixed `min-height` to various widgets (BreakingNewsWidget, HoroscopeWidget, NewsWidget, PhotoGalleryWidget, RecipeWidget, SidebarWeatherWidget) to prevent content shifting and ensure a stable layout, especially on mobile devices.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 7f217468-f37a-450b-813e-25faac95a285
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/EtK2Sno
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic
2026-03-05 09:53:39 +00:00
parent a1686482a4
commit 12b8af827a
6 changed files with 8 additions and 8 deletions
+1 -1
View File
@@ -40,7 +40,7 @@ export function NewsWidget() {
return (
<div
className="bg-card rounded-lg border border-card-border overflow-hidden h-full flex flex-col"
className="bg-card rounded-lg border border-card-border overflow-hidden h-full flex flex-col min-h-[320px]"
onMouseEnter={() => setPaused(true)}
onMouseLeave={() => setPaused(false)}
data-testid="widget-news"