angel/mice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Enhance OfflineManagement component with improved card styling and layout

Browse Source
This commit is contained in:
angel
2025-08-11 05:05:00 +00:00
committed by GitHub
parent ba91d3ee28
commit 452af2f6f0
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/components/OfflineManagement.tsx
View File

@@ -125,7 +125,7 @@ export function OfflineManagement() {
if (!isInitialized) { if (!isInitialized) {
return ( return (
<Card> <Card className="mb-6 break-inside-avoid py-5">
<CardHeader> <CardHeader>
<CardTitle className="flex items-center gap-2"> <CardTitle className="flex items-center gap-2">
<Database className="h-5 w-5" /> <Database className="h-5 w-5" />
@@ -150,7 +150,7 @@ export function OfflineManagement() {
return ( return (
<div className="space-y-6"> <div className="space-y-6">
{/* Connection Status */} {/* Connection Status */}
<Card> <Card className="mb-6 break-inside-avoid py-5">
<CardHeader> <CardHeader>
<CardTitle className="flex items-center gap-2"> <CardTitle className="flex items-center gap-2">
{isOnline ? ( {isOnline ? (
@@ -185,7 +185,7 @@ export function OfflineManagement() {
</Card> </Card>
{/* Sync Status */} {/* Sync Status */}
<Card> <Card className="mb-6 break-inside-avoid py-5">
<CardHeader> <CardHeader>
<CardTitle className="flex items-center gap-2"> <CardTitle className="flex items-center gap-2">
<RefreshCw className="h-5 w-5" /> <RefreshCw className="h-5 w-5" />
@@ -242,7 +242,7 @@ export function OfflineManagement() {
</Card> </Card>
{/* Library Statistics */} {/* Library Statistics */}
<Card> <Card className="mb-6 break-inside-avoid py-5">
<CardHeader> <CardHeader>
<CardTitle className="flex items-center gap-2"> <CardTitle className="flex items-center gap-2">
<Database className="h-5 w-5" /> <Database className="h-5 w-5" />
@@ -310,9 +310,9 @@ export function OfflineManagement() {
</Card> </Card>
{/* Offline Features */} {/* Offline Features */}
<Card> <Card className="mb-6 break-inside-avoid py-5">
<CardHeader> <CardHeader>
<CardTitle>Offline Features</CardTitle> <CardTitle className='flex items-center gap-2'>Offline Features</CardTitle>
<CardDescription> <CardDescription>
What works when you&apos;re offline What works when you&apos;re offline
</CardDescription> </CardDescription>
@@ -363,9 +363,9 @@ export function OfflineManagement() {
</Card> </Card>
{/* Danger Zone */} {/* Danger Zone */}
<Card className="border-red-200"> <Card className="mb-6 break-inside-avoid py-5 border-red-200">
<CardHeader> <CardHeader>
<CardTitle className="text-red-600">Danger Zone</CardTitle> <CardTitle className="text-red-600 flex items-center gap-2">Danger Zone</CardTitle>
<CardDescription> <CardDescription>
Permanently delete all offline data Permanently delete all offline data
</CardDescription> </CardDescription>