Fixed Stress Reductions

This commit is contained in:
WBHarry 2025-06-24 21:35:21 +02:00
parent f4539ab158
commit 0e1320e31d
8 changed files with 279 additions and 74 deletions

View file

@ -22,6 +22,20 @@
.armor-title {
margin: 0;
white-space: nowrap;
}
.resources-container {
display: flex;
gap: 8px;
width: 100%;
.resource-container {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
}
}
.mark-selection {
@ -33,10 +47,10 @@
.mark-container {
cursor: pointer;
border: 1px solid light-dark(#18162e, #f3c267);
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
height: 26px;
width: 26px;
padding: 0 1px;
font-size: 18px;
display: flex;
align-items: center;
@ -47,8 +61,43 @@
opacity: 1;
}
&.disabled {
cursor: initial;
.fa-shield {
position: relative;
right: 0.5px;
}
}
}
.stress-reduction-container {
margin: 0;
width: 100%;
.stress-reduction {
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
height: 26px;
padding: 0 4px;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
opacity: 0.4;
&.active {
opacity: 1;
cursor: pointer;
}
&.selected {
opacity: 1;
background: var(--color-warm-2);
color: white;
}
.stress-reduction-cost {
display: flex;
align-items: center;
}
}
}
@ -62,29 +111,21 @@
}
}
.damage-container {
display: flex;
justify-content: center;
gap: 4px;
font-weight: bold;
height: 18px;
i {
font-size: 18px;
}
.reduced-value {
opacity: 0.4;
text-decoration: line-through;
}
}
footer {
display: flex;
width: 100%;
button {
flex: 1;
.damage-value {
font-weight: bold;
&.reduced-value {
opacity: 0.4;
text-decoration: line-through;
}
}
}
}
}