sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve readability of text next to video thumbnails

Browse Source 
Update text sizes and spacing in sidebars for both VideoPage and LivePage components to enhance readability.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 401e2ec0-e00d-4f10-9d0e-60f3d479f9a5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 91fe4fd8-b512-4e10-8d31-f827283fb65a
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/401e2ec0-e00d-4f10-9d0e-60f3d479f9a5/vZTKyt9
This commit is contained in:
sebastjanartic 2026-01-12 12:15:29 +00:00
parent bfcec08e41
commit e8a1355abc
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/pages/LivePage.tsx
View File

@ -517,7 +517,7 @@ export default function LivePage() {
</div> </div>
<div className="flex-1 min-w-0 py-0.5"> <div className="flex-1 min-w-0 py-0.5">
<h3 className="text-sm font-medium text-bunny-light mb-1 leading-tight" <h3 className="text-base font-medium text-bunny-light mb-1.5 leading-snug"
style={{ style={{
display: '-webkit-box', display: '-webkit-box',
WebkitLineClamp: 2, WebkitLineClamp: 2,
@ -526,7 +526,7 @@ export default function LivePage() {
}}> }}>
{video.title} {video.title}
</h3> </h3>
<div className="text-xs text-bunny-muted mt-1"> <div className="text-sm text-bunny-muted mt-1.5 space-y-0.5">
<div>{video.views ? (video.views >= 1000 ? Math.floor(video.views / 1000) + 'K' : video.views) : '0'} Aufrufe</div> <div>{video.views ? (video.views >= 1000 ? Math.floor(video.views / 1000) + 'K' : video.views) : '0'} Aufrufe</div>
<div>{video.createdAt ? new Date(video.createdAt).toLocaleDateString('de-DE') : 'Unbekannt'}</div> <div>{video.createdAt ? new Date(video.createdAt).toLocaleDateString('de-DE') : 'Unbekannt'}</div>
</div> </div>

4
client/src/pages/VideoPage.tsx
View File

@ -817,7 +817,7 @@ export default function VideoPage() {
</div> </div>
<div className="flex-1 min-w-0 py-0.5"> <div className="flex-1 min-w-0 py-0.5">
<h3 className="text-sm font-medium text-bunny-light mb-1 leading-tight" <h3 className="text-base font-medium text-bunny-light mb-1.5 leading-snug"
style={{ style={{
display: '-webkit-box', display: '-webkit-box',
WebkitLineClamp: 2, WebkitLineClamp: 2,
@ -826,7 +826,7 @@ export default function VideoPage() {
}}> }}>
{video.title} {video.title}
</h3> </h3>
<div className="text-xs text-bunny-muted mt-1"> <div className="text-sm text-bunny-muted mt-1.5 space-y-0.5">
<div>{formatViews(video.views)} Aufrufe</div> <div>{formatViews(video.views)} Aufrufe</div>
<div>{formatDate(video.createdAt)}</div> <div>{formatDate(video.createdAt)}</div>
</div> </div>