Added gray-status and buildstatus classes
This commit is contained in:
parent
f9aa62f183
commit
7fed13eb5a
1 changed files with 19 additions and 2 deletions
|
|
@ -290,17 +290,34 @@
|
||||||
@apply hidden h-4 w-4 animate-spin rounded-full bg-ring opacity-0;
|
@apply hidden h-4 w-4 animate-spin rounded-full bg-ring opacity-0;
|
||||||
}
|
}
|
||||||
.generic-node-status {
|
.generic-node-status {
|
||||||
@apply opacity-100 animate-wiggle;
|
@apply animate-wiggle opacity-100;
|
||||||
}
|
}
|
||||||
.green-status {
|
.green-status {
|
||||||
@apply generic-node-status text-status-green;
|
@apply generic-node-status text-status-green;
|
||||||
}
|
}
|
||||||
|
.gray-status {
|
||||||
|
@apply generic-node-status text-muted-foreground;
|
||||||
|
}
|
||||||
|
|
||||||
.red-status {
|
.red-status {
|
||||||
@apply generic-node-status text-status-red;
|
@apply generic-node-status text-status-red;
|
||||||
}
|
}
|
||||||
.yellow-status {
|
.yellow-status {
|
||||||
@apply generic-node-status text-status-yellow;
|
@apply generic-node-status text-status-yellow;
|
||||||
}
|
}
|
||||||
|
.inactive-status {
|
||||||
|
/* what colour for inactive status?
|
||||||
|
muted-foreground is too strong, maybe use a lighter shade of it?
|
||||||
|
|
||||||
|
*/
|
||||||
|
@apply border-none ring ring-muted-foreground;
|
||||||
|
}
|
||||||
|
.built-invalid-status {
|
||||||
|
@apply border-none ring ring-red-300;
|
||||||
|
}
|
||||||
|
.building-status {
|
||||||
|
@apply border-none ring;
|
||||||
|
}
|
||||||
.status-build-animation {
|
.status-build-animation {
|
||||||
@apply opacity-0;
|
@apply opacity-0;
|
||||||
}
|
}
|
||||||
|
|
@ -1009,7 +1026,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.beta-badge-wrapper {
|
.beta-badge-wrapper {
|
||||||
@apply absolute right-0 top-0 h-16 w-16 overflow-hidden rounded-tr-lg pointer-events-none;
|
@apply pointer-events-none absolute right-0 top-0 h-16 w-16 overflow-hidden rounded-tr-lg;
|
||||||
}
|
}
|
||||||
.beta-badge-content {
|
.beta-badge-content {
|
||||||
@apply mt-2 w-24 rotate-45 bg-beta-background text-center text-xs font-semibold text-beta-foreground;
|
@apply mt-2 w-24 rotate-45 bg-beta-background text-center text-xs font-semibold text-beta-foreground;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue