master @ 59 LINES
[ HISTORY ] [ UP ]
┌─ SCSS ─────────────────────────────────────────────────────────────────────┐
│ @use "../styles/core/tokens" as *; │
│ │
│ .player-profile-layout { │
│ max-width: 1200px; │
│ margin: 0 auto; │
│ padding: $spacing-xl; │
│ │
│ @media (max-width: 768px) { │
│ padding: $spacing-lg; │
│ } │
│ } │
│ │
│ .error-state { │
│ background-color: var(--bg-secondary); │
│ border: 1px solid var(--border-color); │
│ border-radius: $radius-lg; │
│ padding: 40px; │
│ text-align: center; │
│ } │
│ │
│ .error-message { │
│ h2 { │
│ color: var(--text-primary); │
│ margin: 0 0 $spacing-lg 0; │
│ font-size: 1.5em; │
│ } │
│ │
│ p { │
│ color: var(--text-secondary); │
│ margin: 0; │
│ font-size: 1em; │
│ } │
│ } │
│ │
│ .profile-season-bar { │
│ display: inline-flex; │
│ align-items: center; │
│ gap: 8px; │
│ margin: 0 0 16px; │
│ font-size: 0.95em; │
│ │
│ label { │
│ color: var(--text-secondary); │
│ text-transform: uppercase; │
│ font-size: 0.85em; │
│ letter-spacing: 0.05em; │
│ } │
│ │
│ select { │
│ background-color: var(--bg-primary); │
│ color: var(--text-primary); │
│ border: 1px solid var(--border-color); │
│ border-radius: 4px; │
│ padding: 4px 10px; │
│ font: inherit; │
│ cursor: pointer; │
│ } │
│ } │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ SCSS ───────────────────────────────┐
│ @use "../styles/core/tokens" as *; │
│ │
│ .player-profile-layout { │
│ max-width: 1200px; │
│ margin: 0 auto; │
│ padding: $spacing-xl; │
│ │
│ @media (max-width: 768px) { │
│ padding: $spacing-lg; │
│ } │
│ } │
│ │
│ .error-state { │
│ background-color: var(--bg-secondary); │
│ border: 1px solid var(--border-color); │
│ border-radius: $radius-lg; │
│ padding: 40px; │
│ text-align: center; │
│ } │
│ │
│ .error-message { │
│ h2 { │
│ color: var(--text-primary); │
│ margin: 0 0 $spacing-lg 0; │
│ font-size: 1.5em; │
│ } │
│ │
│ p { │
│ color: var(--text-secondary); │
│ margin: 0; │
│ font-size: 1em; │
│ } │
│ } │
│ │
│ .profile-season-bar { │
│ display: inline-flex; │
│ align-items: center; │
│ gap: 8px; │
│ margin: 0 0 16px; │
│ font-size: 0.95em; │
│ │
│ label { │
│ color: var(--text-secondary); │
│ text-transform: uppercase; │
│ font-size: 0.85em; │
│ letter-spacing: 0.05em; │
│ } │
│ │
│ select { │
│ background-color: var(--bg-primary); │
│ color: var(--text-primary); │
│ border: 1px solid var(--border-color); │
│ border-radius: 4px; │
│ padding: 4px 10px; │
│ font: inherit; │
│ cursor: pointer; │
│ } │
│ } │
└──────────────────────────────────────────────┘
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET