Bonchellon/Star-wars-card-game
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

With DataBaseREdis

Browse Source
This commit is contained in:
Bonchellon
2026-01-28 00:49:37 +03:00
parent 4b01c2d4de
commit af62de5569
10 changed files with 1309 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
public/styles.css
View File

@ -1564,6 +1564,103 @@ html, body {
animation: fadeIn 0.3s ease;
}
.modal-overlay.hidden { display: none !important; }
/* Auth Modal */
.auth-modal {
max-width: 400px;
}
.auth-tabs {
display: flex;
gap: 0.5rem;
margin-bottom: 1.5rem;
border-bottom: 2px solid rgba(212,168,75,0.2);
}
.auth-tab {
flex: 1;
padding: 0.75rem;
background: transparent;
border: none;
border-bottom: 2px solid transparent;
color: #94a3b8;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
}
.auth-tab.active {
color: var(--cyan);
border-bottom-color: var(--cyan);
}
.auth-tab:hover {
color: var(--cyan);
}
.auth-panel {
display: none;
}
.auth-panel.active {
display: block;
}
.auth-panel label {
display: block;
margin-bottom: 0.5rem;
font-size: 0.9rem;
color: #94a3b8;
}
.auth-panel input {
width: 100%;
padding: 0.75rem;
background: rgba(0,0,0,0.3);
border: 2px solid rgba(0,180,255,0.35);
border-radius: 8px;
color: #f8fafc;
font-size: 1rem;
margin-bottom: 0.5rem;
}
.auth-panel input:focus {
outline: none;
border-color: var(--cyan);
box-shadow: 0 0 10px rgba(0,212,255,0.3);
}
/* Leaderboard Modal */
.leaderboard-modal {
max-width: 700px;
max-height: 80vh;
}
.leaderboard-table {
width: 100%;
border-collapse: collapse;
margin-top: 1rem;
}
.leaderboard-table th,
.leaderboard-table td {
padding: 0.75rem;
text-align: left;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.leaderboard-table th {
background: rgba(0,0,0,0.3);
color: var(--cyan);
font-weight: 700;
position: sticky;
top: 0;
}
.leaderboard-table tr:hover {
background: rgba(0,212,255,0.1);
}
.leaderboard-table .rank {
font-weight: 700;
color: var(--gold);
width: 50px;
text-align: center;
}
.leaderboard-table .username {
font-weight: 600;
color: var(--cyan);
}
.leaderboard-table .stats {
text-align: center;
}
.modal {
background: linear-gradient(145deg, #2d2a22 0%, #1a1814 100%);
border: 3px solid var(--gold);