rajch_ales/product-import-ai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add database connection status indicator

Browse Source
This commit is contained in:
rajch_ales
2026-08-05 18:53:11 +02:00
parent f2fa405008
commit f97d00ab7f
5 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/tailwind.css
+5
View File
@@ -71,6 +71,11 @@
.action-button .sidebar-icon { @apply text-slate-400; }
.sidebar-footer { @apply mt-auto grid gap-1 border-t border-slate-700 pt-2; }
.app-status { @apply rounded border border-slate-700 bg-slate-950 p-1 text-[10px] leading-tight text-slate-100; }
.database-status-content { @apply flex items-center justify-center gap-1.5 text-center; }
.database-state-dot { @apply inline-block h-2.5 w-2.5 shrink-0 rounded-full border border-slate-500; }
.database-state-dot.is-ready { @apply border-emerald-300 bg-emerald-500; }
.database-state-dot.is-pending { @apply border-amber-300 bg-amber-400; }
.database-state-dot.is-error { @apply border-red-300 bg-red-500; }
.safe-mode, #modePill { @apply inline-block rounded bg-slate-100 px-1 py-0.5 text-[10px] font-semibold text-slate-800; }
#databaseStatus.database-error { @apply bg-red-100 text-red-700; }
.record-id { @apply flex h-10 items-center justify-center rounded border border-lime-700 bg-catalog-accent text-[26px] font-bold leading-none text-catalog-accent-text; }