alma/NeahFront9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

news design correction padding 7

Browse Source
This commit is contained in:
alma 2025-04-15 14:20:56 +02:00
parent 666c0b2fa1
commit 5266c40666
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/news.tsx
View File

@ -69,11 +69,11 @@ export function News() {
if (status === 'loading' || loading) { if (status === 'loading' || loading) {
return ( return (
<Card className="bg-white/95 backdrop-blur-sm border-0 shadow-lg"> <Card className="bg-white/95 backdrop-blur-sm border-0 shadow-lg">
<CardHeader className="flex flex-row items-center justify-between py-3 px-4 border-b border-gray-100"> <CardHeader className="flex flex-row items-center justify-between py-2 px-4 border-b border-gray-100">
<CardTitle className="text-lg font-semibold text-gray-800">News</CardTitle> <CardTitle className="text-lg font-semibold text-gray-800">News</CardTitle>
</CardHeader> </CardHeader>
<CardContent className="p-4"> <CardContent className="p-4">
<div className="flex items-center justify-center h-[500px]"> <div className="flex items-center justify-center h-[460px]">
<RefreshCw className="h-5 w-5 animate-spin text-gray-400" /> <RefreshCw className="h-5 w-5 animate-spin text-gray-400" />
</div> </div>
</CardContent> </CardContent>
@ -83,7 +83,7 @@ export function News() {
return ( return (
<Card className="bg-white/95 backdrop-blur-sm border-0 shadow-lg"> <Card className="bg-white/95 backdrop-blur-sm border-0 shadow-lg">
<CardHeader className="flex flex-row items-center justify-between py-3 px-4 border-b border-gray-100"> <CardHeader className="flex flex-row items-center justify-between py-2 px-4 border-b border-gray-100">
<CardTitle className="text-lg font-semibold text-gray-800">News</CardTitle> <CardTitle className="text-lg font-semibold text-gray-800">News</CardTitle>
<Button <Button
variant="ghost" variant="ghost"
@ -99,7 +99,7 @@ export function News() {
{error ? ( {error ? (
<p className="text-center text-red-500">{error}</p> <p className="text-center text-red-500">{error}</p>
) : ( ) : (
<div className="space-y-2 h-[500px] overflow-y-auto scrollbar-thin scrollbar-thumb-gray-200 scrollbar-track-transparent"> <div className="space-y-2 h-[460px] overflow-y-auto scrollbar-thin scrollbar-thumb-gray-200 scrollbar-track-transparent">
{news.length === 0 ? ( {news.length === 0 ? (
<p className="text-center text-gray-500">No news available</p> <p className="text-center text-gray-500">No news available</p>
) : ( ) : (