sebastjan/folx-tv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance sidebar widgets for improved visual appeal and information density

Browse Source 
Adjusts the layout and styling of the weather and recent articles widgets in the sidebar, increasing their minimum height and padding for better readability and visual presence.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 5231fa06-1014-438e-b4da-d4785d397fd3
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/nFw7xof
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-03-02 18:06:52 +00:00
parent 1946b13fe6
commit 4ca5e0859f
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/weather-widget.tsx
View File

@ -209,7 +209,7 @@ export function SidebarWeatherWidget() {
if (!weather) return null;
return (
<div className="bg-gradient-to-br from-card to-card/80 rounded-lg border border-card-border p-4 aspect-square flex flex-col justify-between" data-testid="sidebar-weather">
<div className="bg-gradient-to-br from-card to-card/80 rounded-lg border border-card-border p-4 min-h-[280px] flex flex-col justify-between" data-testid="sidebar-weather">
<div className="flex items-center justify-between">
<div className="flex items-center gap-1.5">
<MapPin className="w-3.5 h-3.5 text-primary" />

10
client/src/pages/home.tsx
View File

@ -305,15 +305,15 @@ function NativeAdCard() {
function TopStoriesList({ articles }: { articles: Article[] }) {
return (
<div className="bg-card rounded-lg border border-card-border p-3" data-testid="sidebar-top-stories">
<h3 className="font-bold text-card-foreground text-xs mb-2 flex items-center gap-2">
<span className="w-1 h-3.5 bg-primary rounded-full" />
<div className="bg-card rounded-lg border border-card-border p-4" data-testid="sidebar-top-stories">
<h3 className="font-bold text-card-foreground text-sm mb-3 flex items-center gap-2">
<span className="w-1 h-4 bg-primary rounded-full" />
Zuletzt hinzugefügt
</h3>
<div className="space-y-0">
<div className="space-y-1">
{articles.slice(0, 5).map((article) => (
<Link key={article.id} href={`/article/${article.slug}`}>
<div className="group cursor-pointer py-2 border-b border-card-border last:border-0" data-testid={`card-top-${article.id}`}>
<div className="group cursor-pointer py-3 border-b border-card-border last:border-0" data-testid={`card-top-${article.id}`}>
<h4 className="text-xs font-medium text-card-foreground line-clamp-2 group-hover:text-primary transition-colors leading-snug">{article.title}</h4>
<div className="flex items-center gap-1.5 mt-0.5">
<span className="text-[10px] text-muted-foreground">{article.author}</span>