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

123

Browse Source
This commit is contained in:
Bonchellon
2026-01-27 22:57:31 +03:00
parent 14d46962d4
commit e1533ea03d
4 changed files with 102 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
public/styles.css
View File

@ -314,11 +314,13 @@ html, body {
gap: 1rem;
}
.mana-display, .health-display {
.mana-display, .health-display, .armor-display {
display: inline-flex;
align-items: center;
gap: 0.35rem;
font-weight: 700;
}
.mana-display, .health-display {
font-size: 1.15rem;
}
@ -735,9 +737,21 @@ html, body {
z-index: 11;
}
.opponent-name { font-weight: 700; color: var(--cyan); margin-bottom: 0.35rem; font-size: 0.95rem; }
.opponent-armor { color: #5eb3e8; font-weight: 600; }
.armor-display { color: #5eb3e8; font-weight: 600; margin-left: 0.5rem; }
.opponent-armor { color: #5eb3e8; font-weight: 600; display: inline-flex; align-items: center; gap: 0.2rem; }
.armor-display { color: #5eb3e8; font-weight: 600; margin-left: 0.5rem; display: inline-flex; align-items: center; gap: 0.3rem; }
.armor-icon { color: #5eb3e8; }
.opponent-health, .opponent-stats span { display: inline-flex; align-items: center; gap: 0.2rem; }
.opponent-name { display: flex; align-items: center; gap: 0.3rem; }
/* Lucide Icons стилизация */
[data-lucide] {
stroke-width: 2;
vertical-align: middle;
}
.opponent-name [data-lucide="bot"] {
color: var(--cyan);
filter: drop-shadow(0 0 4px rgba(0, 212, 255, 0.5));
}
.opponent-name.defeated-name {
text-decoration: line-through;
color: #666;