- Fix button
This commit is contained in:
Mathis Degryck
2024-10-12 20:45:10 +02:00
parent 6aa245e94f
commit 4663393a25
2 changed files with 10 additions and 4 deletions

View File

@ -126,7 +126,7 @@
</div> </div>
<span class="line" id="tournament-line1"></span> <span class="line" id="tournament-line1"></span>
<div style="display: flex; flex-direction: row; justify-content: space-between; padding-inline: 10px;"> <div style="display: flex; flex-direction: row; justify-content: space-between; padding-inline: 10px;">
<p>With bot</p> <p>Against bot</p>
<label class="switch"> <label class="switch">
<input type="checkbox" id="checkBoxBot"> <input type="checkbox" id="checkBoxBot">
<span class="slider round"></span> <span class="slider round"></span>
@ -202,9 +202,9 @@
<span class="line"></span> <span class="line"></span>
<p style="text-align: center; margin-bottom: 20px;">Tournament code</p> <p style="text-align: center; margin-bottom: 20px;">Tournament code</p>
<input id="tournamentCode" class="search-input" type="text" placeholder="Enter the tournament code (empty for create one)"> <input id="tournamentCode" class="search-input" type="text" placeholder="Enter the tournament code (empty for create one)">
<input type="number" id="nbBot" class="search-input" placeholder="Number of bots (1-7 | default 0)">
<span class="line" id="tournament-line2"></span> <span class="line" id="tournament-line2"></span>
<input type="number" id="nbBot" class="search-input" placeholder="Number of bots (1-7 | default 0)">
</div> </div>
<div class="skin-select"> <div class="skin-select">
<div class="barSelection" id="bar2"> <div class="barSelection" id="bar2">

View File

@ -409,6 +409,12 @@ body {
min-width: 200px; min-width: 200px;
} }
#nbBot {
margin-top: 15px;
width: 94%;
font-size: 0.8rem;
}
.search-input:focus { .search-input:focus {
border-color: white; border-color: white;
} }
@ -580,11 +586,11 @@ body {
} }
input:checked + .slider { input:checked + .slider {
background-color: #2196F3; background-color: #21f356;
} }
input:focus + .slider { input:focus + .slider {
box-shadow: 0 0 1px #2196F3; box-shadow: 0 0 1px #21f356;
} }
input:checked + .slider:before { input:checked + .slider:before {