orus-dev/dockship
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed issue

Browse Source
This commit is contained in:
selimaj-dev
2025-12-26 19:23:30 +01:00
parent 8137344c94
commit 771a1277ab
14 changed files with 22 additions and 226 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/globals.css
-187
View File
@@ -2,193 +2,6 @@
@import "tw-animate-css";
@custom-variant dark (&:is(.dark *));
/* @import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap"); */
/* =========================
Theme variables
========================= */
@layer base {
:root {
--background: 0 0% 4%;
--foreground: 0 0% 95%;
--card: 0 0% 7%;
--card-foreground: 0 0% 95%;
--popover: 0 0% 7%;
--popover-foreground: 0 0% 95%;
--primary: 180 100% 50%;
--primary-foreground: 0 0% 4%;
--secondary: 0 0% 12%;
--secondary-foreground: 0 0% 95%;
--muted: 0 0% 15%;
--muted-foreground: 0 0% 55%;
--accent: 0 0% 12%;
--accent-foreground: 0 0% 95%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 95%;
--success: 142 70% 45%;
--success-foreground: 0 0% 4%;
--warning: 38 92% 50%;
--warning-foreground: 0 0% 4%;
--border: 0 0% 18%;
--input: 0 0% 12%;
--ring: 180 100% 50%;
--radius: 0.25rem;
--sidebar-background: 0 0% 5%;
--sidebar-foreground: 0 0% 70%;
--sidebar-primary: 180 100% 50%;
--sidebar-primary-foreground: 0 0% 4%;
--sidebar-accent: 0 0% 10%;
--sidebar-accent-foreground: 0 0% 95%;
--sidebar-border: 0 0% 15%;
--sidebar-ring: 180 100% 50%;
--chart-1: 180 100% 50%;
--chart-2: 142 70% 45%;
--chart-3: 38 92% 50%;
--chart-4: 0 70% 50%;
--chart-5: 270 70% 50%;
}
.dark {
--background: 0 0% 4%;
--foreground: 0 0% 95%;
--card: 0 0% 7%;
--card-foreground: 0 0% 95%;
--popover: 0 0% 7%;
--popover-foreground: 0 0% 95%;
--primary: 180 100% 50%;
--primary-foreground: 0 0% 4%;
--secondary: 0 0% 12%;
--secondary-foreground: 0 0% 95%;
--muted: 0 0% 15%;
--muted-foreground: 0 0% 55%;
--accent: 0 0% 12%;
--accent-foreground: 0 0% 95%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 95%;
--border: 0 0% 18%;
--input: 0 0% 12%;
--ring: 180 100% 50%;
}
* {
border-color: hsl(var(--border));
}
body {
background-color: hsl(var(--background));
color: hsl(var(--foreground));
font-family: Inter, system-ui, sans-serif;
-webkit-font-smoothing: antialiased;
}
}
/* =========================
Components
========================= */
@layer components {
.terminal-text {
@apply font-mono text-sm tracking-tight;
}
.stat-value {
@apply font-mono text-2xl font-semibold tracking-tight;
}
.status-dot {
@apply w-2 h-2 rounded-full;
}
.status-running {
background-color: hsl(var(--success));
box-shadow: 0 0 8px hsl(var(--success) / 0.5);
}
.status-stopped {
background-color: hsl(var(--muted-foreground));
}
.status-error {
background-color: hsl(var(--destructive));
box-shadow: 0 0 8px hsl(var(--destructive) / 0.5);
}
.status-pending {
background-color: hsl(var(--warning));
box-shadow: 0 0 8px hsl(var(--warning) / 0.5);
}
.log-line {
@apply font-mono text-xs py-0.5 px-2 transition-colors;
}
.log-line:hover {
background-color: hsl(var(--muted) / 0.5);
}
.log-timestamp {
margin-right: 0.75rem;
color: hsl(var(--muted-foreground));
}
.log-info {
color: hsl(var(--primary));
}
.log-warn {
color: hsl(var(--warning));
}
.log-error {
color: hsl(var(--destructive));
}
.data-table-row {
border-bottom: 1px solid hsl(var(--border));
}
.data-table-row:hover {
background-color: hsl(var(--muted) / 0.3);
}
.metric-bar {
height: 0.375rem;
border-radius: 9999px;
background-color: hsl(var(--muted));
overflow: hidden;
}
.metric-bar-fill {
height: 100%;
border-radius: 9999px;
transition: all 500ms;
}
}
/* =========================
Utilities
========================= */
@layer utilities {
.glow-primary {
box-shadow: 0 0 20px hsl(var(--primary) / 0.15);
}
.border-glow {
box-shadow: inset 0 0 0 1px hsl(var(--border));
}
}
@theme inline {
--radius-sm: calc(var(--radius) - 4px);