logos-messaging/OpChan
1
0
Fork 0
mirror of https://github.com/logos-messaging/OpChan.git synced 2026-01-04 05:43:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Header overlays on CellList (#16)

Browse Source
This commit is contained in:
Ashis Kumar Naik 2025-08-13 13:53:47 +05:30 committed by GitHub
parent 6f7cbb4b45
commit 97d34daad3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/CellList.tsx
View File

@ -20,7 +20,7 @@ const CellList = () => {
if (isInitialLoading) { if (isInitialLoading) {
return ( return (
<div className="container mx-auto px-4 py-16 text-center"> <div className="container mx-auto px-4 pt-24 pb-16 text-center">
<Loader2 className="w-8 h-8 mx-auto mb-4 animate-spin text-primary" /> <Loader2 className="w-8 h-8 mx-auto mb-4 animate-spin text-primary" />
<p className="text-lg font-medium text-muted-foreground">Loading Cells...</p> <p className="text-lg font-medium text-muted-foreground">Loading Cells...</p>
<p className="text-sm text-muted-foreground/70 mt-1">Connecting to the network and fetching data...</p> <p className="text-sm text-muted-foreground/70 mt-1">Connecting to the network and fetching data...</p>
@ -33,7 +33,7 @@ const CellList = () => {
}; };
return ( return (
<div className="container mx-auto px-4 py-8 max-w-4xl"> <div className="container mx-auto px-4 pt-24 pb-8 max-w-4xl">
<div className="flex items-center justify-between mb-6"> <div className="flex items-center justify-between mb-6">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Layout className="text-cyber-accent w-6 h-6" /> <Layout className="text-cyber-accent w-6 h-6" />
@ -62,10 +62,11 @@ const CellList = () => {
<Button <Button
variant="outline" variant="outline"
size="icon" size="icon"
onClick={refreshData} onClick={refreshData}
disabled={isRefreshing} disabled={isRefreshing}
title="Refresh data" title="Refresh data"
className="px-3"
> >
<RefreshCw className={`w-4 h-4 ${isRefreshing ? 'animate-spin' : ''}`} /> <RefreshCw className={`w-4 h-4 ${isRefreshing ? 'animate-spin' : ''}`} />
</Button> </Button>