Component Gallery

AD
Profile
Settings
Logout

Layout Structure

┌────────────────────────────────────────────────────────────────────────────┐
│                                                                            │
│  ┌──────────┐  ┌────────────────────────────────────────────────────────┐  │
│  │          │  │  .topbar                                               │  │
│  │          │  └────────────────────────────────────────────────────────┘  │
│  │          │  ┌───────────────────────────────────────────┐  ┌─────────┐  │
│  │          │  │                                           │  │         │  │
│  │.sidebar  │  │              .content-area                │  │ #audit- │  │
│  │          │  │         (scrollable, with shadow)         │  │   log   │  │
│  │          │  │                                           │  │         │  │
│  │          │  └───────────────────────────────────────────┘  └─────────┘  │
│  │          │                      .content-row                            │
│  └──────────┘                                                              │
│                                                                            │
└────────────────────────────────────────────────────────────────────────────┘
        
.sidebar Navigation sidebar .topbar Service name + user menu .content-row Flex row for content + audit .content-area Main scrollable area with shadow #audit-log Activity log (optional, outside content-area)
1,234
Total Users
56
Projects
8.2 TB
Storage Used
99.9%
Uptime

Recent Activity

User
Action
Status
Time
JD John Doe
Created project "Genomics-2024"
Success
2 min ago
AS Alice Smith
Uploaded 15 files
Pending
15 min ago
BW Bob Wilson
Deleted credential "old-gcp-key"
Warning
1 hour ago

Tags & Status Indicators

Status: Active Pending Error Archived
Categories: Genomics Clinical Research External
Team: JD AS BW CK +3

Button Variants