mirror of
https://github.com/PR0M3TH3AN/bitvid.git
synced 2026-10-27 07:52:24 +00:00
fix: restore profile switcher styles via tailwind shims
This commit is contained in:
1 parent
e5f9eefaf1
commit
9f5a13deba
3 files changed
+87
-53
No files matched your search
@@ -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;
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user