feat(player): ui-ux-pro-max design system upgrade for desktop
This commit is contained in:
@@ -44,6 +44,7 @@ withDefaults(
|
||||
min-height: 100dvh;
|
||||
background: linear-gradient(135deg, #0a0a0a 0%, #111 50%, #0d0d0d 100%);
|
||||
overflow: hidden;
|
||||
font-family: var(--font-body);
|
||||
}
|
||||
|
||||
.desktop-auth-page::before {
|
||||
@@ -114,9 +115,11 @@ withDefaults(
|
||||
width: 100%;
|
||||
max-width: 720px;
|
||||
background: rgba(14, 14, 14, 0.92);
|
||||
backdrop-filter: var(--blur-lg);
|
||||
-webkit-backdrop-filter: var(--blur-lg);
|
||||
border: 1px solid rgba(212, 175, 55, 0.28);
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.45);
|
||||
border-radius: var(--radius-lg);
|
||||
box-shadow: var(--shadow-lg), var(--glow-gold-md);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@@ -140,7 +143,7 @@ withDefaults(
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 28px 20px;
|
||||
padding: var(--space-6) var(--space-5);
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
border-right: 1px solid rgba(212, 175, 55, 0.15);
|
||||
}
|
||||
@@ -157,7 +160,7 @@ withDefaults(
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 0;
|
||||
padding: 22px 24px 24px;
|
||||
padding: 22px var(--space-6) var(--space-6);
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
|
||||
Reference in New Issue
Block a user