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-26 15:39:13 +03:00
parent a3b270fc62
commit f99a4940e2
5 changed files with 505 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
public/styles.css
View File

@ -504,6 +504,21 @@ html, body {
border-color: rgba(255,180,0,0.6);
box-shadow: 0 0 24px rgba(255,180,0,0.2);
}
.opponent-block.steal-target {
border-color: rgba(255,204,0,0.6);
box-shadow: 0 0 20px rgba(255,204,0,0.4);
cursor: pointer;
animation: stealTargetPulse 1.5s ease-in-out infinite;
}
.opponent-block.steal-target:hover {
border-color: rgba(255,204,0,0.9);
box-shadow: 0 0 30px rgba(255,204,0,0.6);
transform: scale(1.02);
}
@keyframes stealTargetPulse {
0%, 100% { box-shadow: 0 0 20px rgba(255,204,0,0.4); }
50% { box-shadow: 0 0 30px rgba(255,204,0,0.7); }
}
.opponent-name { font-weight: 700; color: var(--cyan); margin-bottom: 0.35rem; font-size: 0.95rem; }
.opponent-stats { display: flex; gap: 0.75rem; font-size: 0.85rem; color: #94a3b8; margin-bottom: 0.5rem; }
.opponent-board { display: flex; flex-wrap: wrap; gap: 0.5rem; min-height: 80px; }
@ -1435,6 +1450,67 @@ html, body {
white-space: nowrap;
}
.settings-modal { max-width: 400px; text-align: left; }
.steal-cards-modal {
max-width: 800px;
max-height: 90vh;
text-align: left;
overflow-y: auto;
}
.steal-target-select {
margin-bottom: 1rem;
}
.steal-target-option:hover {
background: rgba(0,180,255,0.2) !important;
border-color: var(--cyan) !important;
transform: scale(1.02);
}
.steal-deck-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
gap: 0.75rem;
max-height: 400px;
overflow-y: auto;
margin-bottom: 1rem;
padding: 0.75rem;
background: rgba(0,0,0,0.3);
border-radius: 8px;
}
.steal-deck-card {
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s;
border: 2px solid transparent;
}
.steal-deck-card:hover {
transform: scale(1.1);
box-shadow: 0 0 15px rgba(0,180,255,0.5);
}
.steal-deck-card.selected {
border-color: var(--cyan);
box-shadow: 0 0 20px rgba(0,180,255,0.7);
}
.steal-selected {
min-height: 80px;
padding: 0.5rem;
background: rgba(255,204,0,0.1);
border: 2px dashed rgba(255,204,0,0.3);
border-radius: 8px;
margin-bottom: 1rem;
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
align-items: center;
}
.steal-selected-empty {
color: #94a3b8;
font-size: 0.9rem;
width: 100%;
text-align: center;
}
.steal-actions {
display: flex;
gap: 0.5rem;
justify-content: center;
}
.settings-content { margin: 1.5rem 0; }
.setting-group {
margin-bottom: 1.5rem;