serega404/Otchislator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Поправил кнопочки

Browse Source
This commit is contained in:
Sergey Karmanov
2025-01-02 15:38:05 +03:00
parent 8a0460c162
commit 947906b8a7
1 changed files with 21 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/Otchinslator/Components/Pages/Questionnaire.razor
View File

@@ -4,7 +4,7 @@
@layout OtchislenieLayout
@using BlazorPageScript
<PageScript Src="./Components/Pages/Questionnaire.razor.js" />
<PageScript Src="./Components/Pages/Questionnaire.razor.js"/>
<style>
.knobs, .layer {
@@ -55,7 +55,7 @@
border-radius: 50%;
transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}
#button-custom-2 .knobs:before {
content: '';
position: absolute;
@@ -77,7 +77,7 @@
left: 42px;
background-color: #89E592;
}
#button-custom-2 .checkbox-custom:checked + .knobs:before {
content: '🏠︎';
left: 40px;
@@ -131,17 +131,23 @@
<input class="join-item btn bg-white w-1/5" type="radio" name="kurs" aria-label="4"/>
<input class="join-item btn bg-white w-1/5" type="radio" name="kurs" aria-label="5"/>
</div>
<h2 class="text-center text-2xl justify-center my-4">Платник?</h2>
<div class="button-custom r" id="button-custom-1">
<input type="checkbox" id="paidCheckbox" class="checkbox-custom"/>
<div class="knobs"></div>
<div class="layer rounded-full" style="background-color: white;"></div>
</div>
<h2 class="text-center text-2xl justify-center my-4">Заочник?</h2>
<div class="button-custom r" id="button-custom-2">
<input type="checkbox" id="ochnoCheckbox" class="checkbox-custom"/>
<div class="knobs"></div>
<div class="layer rounded-full" style="background-color: white;"></div>
<div class="flex justify-center gap-12 items-center">
<div>
<h2 class="text-center text-2xl justify-center my-4">Платник?</h2>
<div class="button-custom r" id="button-custom-1">
<input type="checkbox" id="paidCheckbox" class="checkbox-custom"/>
<div class="knobs"></div>
<div class="layer rounded-full" style="background-color: white;"></div>
</div>
</div>
<div>
<h2 class="text-center text-2xl justify-center my-4">Заочник?</h2>
<div class="button-custom r" id="button-custom-2">
<input type="checkbox" id="ochnoCheckbox" class="checkbox-custom"/>
<div class="knobs"></div>
<div class="layer rounded-full" style="background-color: white;"></div>
</div>
</div>
</div>
<h2 class="text-center text-2xl justify-center my-4">Номер</h2>
<div class="relative rounded-full justify-center mx-auto">
@@ -161,7 +167,7 @@
</div>
</div>
<div class="join w-full mt-4 flex gap-2">
<div class="join w-full mt-4 flex gap-2">
<button onclick="exit_modal.showModal()"
class="relative btn btn-primary rounded-full flex-grow-0 w-[3rem] h-[3rem]">
<img class="absolute p-3" src="img/exit.svg" alt=""/>