fix: restore profile switcher styles via tailwind shims

This commit is contained in:
thePR0M3TH3AN committed 2025-10-09 21:38:16 -04:00
1 parent e5f9eefaf1
commit 9f5a13deba
3 files changed
+87 -53

No files matched your search

+69
View File
@@ -124,4 +124,73 @@
.grid-stack[data-orientation="vertical"] {
@apply flex flex-col gap-md;
}
/* Legacy compatibility shims */
.video-card {
@apply card overflow-visible;
}
.video-card.video-card--owner-private {
@apply bg-card-private;
}
.video-card[data-owner-is-viewer="true"][data-url-health-state="offline"][data-stream-health-state="unhealthy"] {
@apply border border-critical border-opacity-40 bg-card-critical;
}
.video-visibility-toggle {
@apply inline-flex items-center gap-1 rounded-full border border-border bg-panel px-1 py-1;
}
.video-visibility-toggle__option {
@apply inline-flex items-center justify-center rounded-full border border-transparent bg-panel px-3 py-2 text-xs font-semibold uppercase text-muted transition duration-base ease-in-out;
}
.video-visibility-toggle__option:not(.is-disabled):hover {
@apply bg-panel-hover text-text;
}
.video-visibility-toggle__option[data-active="true"] {
@apply border border-info border-opacity-60 text-text shadow-lg;
}
.video-visibility-toggle__option.is-disabled {
@apply cursor-not-allowed opacity-45;
}
#profileModal .profile-switcher {
@apply card flex flex-col gap-lg;
}
#profileModal .profile-switcher__badge {
@apply badge;
}
#profileModal .profile-card {
@apply card flex flex-col p-4 text-text;
}
#profileModal .profile-switcher__add {
@apply card flex items-center gap-4 p-4 text-left;
}
#profileModal .profile-card__action {
@apply btn-ghost;
}
.modal-content {
@apply bv-modal__panel;
}
.modal-nav .icon-button {
@apply btn-ghost text-text;
}
.modal-nav .icon-button:hover {
@apply border-border bg-panel-hover;
}
.modal-nav .icon-button:focus-visible {
@apply outline-none focus-visible:ring-2 focus-visible:ring-info focus-visible:ring-opacity-60 focus-visible:ring-offset-2 focus-visible:ring-offset-surface;
}
}