mirror of
https://github.com/shuaiplus/nodewarden.git
synced 2026-08-05 23:00:10 +00:00
feat: improve offline PWA resilience
This commit is contained in:
@@ -44,6 +44,31 @@
|
||||
@apply flex items-center gap-2.5;
|
||||
}
|
||||
|
||||
.network-status-badge {
|
||||
@apply inline-flex h-[30px] shrink-0 select-none items-center gap-1.5 rounded-full border px-2.5 text-xs font-bold leading-none;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
.network-status-badge svg {
|
||||
@apply shrink-0;
|
||||
}
|
||||
|
||||
.network-status-badge.online {
|
||||
background: color-mix(in srgb, var(--success) 10%, var(--panel));
|
||||
border-color: color-mix(in srgb, var(--success) 36%, var(--line));
|
||||
color: color-mix(in srgb, var(--success) 78%, var(--text));
|
||||
}
|
||||
|
||||
.network-status-badge.offline {
|
||||
background: color-mix(in srgb, var(--warning) 13%, var(--panel));
|
||||
border-color: color-mix(in srgb, var(--warning) 42%, var(--line));
|
||||
color: color-mix(in srgb, var(--warning) 82%, var(--text));
|
||||
}
|
||||
|
||||
.topbar-actions > .network-status-badge {
|
||||
@apply h-[34px] px-3;
|
||||
}
|
||||
|
||||
.mobile-tabbar {
|
||||
@apply hidden;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user