[Fix] Reload Fixes (#2099)

This commit is contained in:
WBHarry 2026-07-22 03:36:28 +02:00 committed by GitHub
parent d50545af4e
commit 7f61715adf
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
10 changed files with 150 additions and 77 deletions

View file

@ -271,28 +271,6 @@
}
}
.roll-reload-container {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
.reload-warning {
display: flex;
align-items: center;
border-radius: 5px;
width: fit-content;
gap: 5px;
cursor: pointer;
padding: 5px;
transition: all 0.3s ease;
color: @beige;
background: @red-40;
outline: 1px solid @red;
}
}
.roll-part-extra {
display: flex;
justify-content: center;
@ -643,20 +621,74 @@
}
.roll-buttons {
display: flex;
flex-wrap: wrap;
gap: 5px;
width: 100%;
margin-top: 8px;
display: flex;
flex-direction: column;
gap: 5px;
button {
height: 36px;
flex: 1 1 calc(50% - 5px);
font-family: @font-body;
font-weight: 700;
height: 32px;
}
&:nth-last-child(1):nth-child(odd) {
flex-basis: 100%;
.main-buttons {
display: flex;
gap: 5px;
button {
flex: 1;
&.end-button {
flex: 0;
}
}
}
.extra-button-row {
width: 100%;
display: flex;
gap: 5px;
.image-container {
position: relative;
display: flex;
align-items: center;
justify-content: center;
img {
height: 24px;
filter: @dark-filter;
}
.dice-result {
position: absolute;
font-size: 18px;
color: @beige;
filter: drop-shadow(0 0 1px @light-white);
}
}
.reload-data {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
gap: 5px;
cursor: pointer;
padding: 5px;
transition: all 0.3s ease;
color: @golden;
background: @golden-40;
&.failed-check {
background: @red-40;
color: @red;
}
&.passed-check {
background: @green-40;
color: @green;
}
}
}
}