style: drobne zmiany wizualne: zmniejszenie przycisku zarejestruj, ułożenie logo w ekranie logowania i rejestracji, wielkość u rozmiar paddingów i marginesów formularza rejestracji

This commit is contained in:
Lewy 2022-06-19 01:27:45 +02:00
parent d853cb75d2
commit 6bd2d2a335
11 changed files with 59 additions and 18 deletions

View File

@ -12,6 +12,8 @@ header {
/*Visual*/
background-color: #FFFFFF;
border-bottom: 1px solid black;
}

View File

@ -10,6 +10,8 @@
height: 15vh;
width: 100%;
cursor: pointer;
}
/**/
@ -37,6 +39,7 @@
height: 100%;
float: right;
position: relative;
}
.tournamentData {
@ -44,6 +47,7 @@
text-align: left;
/*padding-left: 10%;*/
color: #282828E5;
}
.tournamentOpen {

View File

@ -49,6 +49,7 @@
background: #B8BC00;
border-radius: 63px;
border: 1px solid #B8BC00;
cursor: pointer;
/*Text*/
color: #FFFFFF;

View File

@ -43,6 +43,7 @@
max-height: 0;
/*szerokość drabinki*/
width: 95%;
margin: auto;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: #f1f1f1;

View File

@ -110,6 +110,40 @@
</div>
</div>
<div class="participant">
<div class="partID">
1.
</div>
<div class="partNames">
Adrian Trela <br>
Adam Kowalski
</div>
<div class="partParameters">
Dopuszczeni do turnieju
<div class="pretty p-switch p-fill" style="margin-left: 5%">
<input type="checkbox" />
<div class="state p-success">
<label></label>
</div>
</div>
<br>
Zapis opłacony
<div class="pretty p-switch p-fill" style="margin-left: 5%">
<input type="checkbox" />
<div class="state p-success">
<label></label>
</div>
</div>
</div>
</div>
</div>
<!-- MIKST-->

View File

@ -17,13 +17,12 @@ header {
height: 100%;
width: 100%;
display: flex;
justify-content: flex-end;
}
/*2'nd layer*/
.searchBox {
height: auto;
width: 5vh;
width: 2%;
float: left;
/*margin-right: 1%;*/
@ -33,7 +32,7 @@ header {
.contentBox {
height: 100%;
width: 95%;
width: 95.8%;
float: right;
position: relative;
}

View File

@ -48,10 +48,10 @@
/*Layer 5*/
.personImg {
position: absolute;
top: 50%;
top: 40%;
transform: translateY(-50%);
/*float: left;*/
left: 1%
/*left: 1%*/
}
.loginForm {
@ -76,10 +76,10 @@
/*Layer 5*/
.emailImg {
position: absolute;
top: 50%;
top: 40%;
transform: translateY(-50%);
/*float: left;*/
left: 1%;
/*left: 1%;*/
}
.emailForm {
@ -105,9 +105,9 @@
/*Layer 5*/
.phoneImg {
position: absolute;
top: 50%;
top: 40%;
transform: translateY(-50%);
left: 1%
/*left: 1%*/
/*float: left;*/
}
@ -136,10 +136,10 @@
/*Layer 5*/
.passImg {
position: absolute;
top: 50%;
top: 40%;
transform: translateY(-50%);
float: left;
left: 1%;
left: 0;
}

View File

@ -13,7 +13,7 @@
<div class="container">
<div class="form">
<div class="login_header">
<img src="../../_global/logo.svg" alt="">
<img class="logoImg" src="../../_global/logo.svg" alt="">
<a href="../index.html"><img src="src/x.svg" id="closelog"></a>
</div>

View File

@ -61,7 +61,7 @@
<div class="bi bi-eye-slash eye" id="togglePassword"></div>
</div>
<div class="passBox">
<div class="passBox" id="secondpass">
<img class="passImg" src="../src/lock.svg" alt="">
<label>

View File

@ -61,7 +61,7 @@ html {
.reg_footer {
height: 10%;
width: 100%;
padding-top: 2%;
padding-top: 2.5%;
text-align: center;
background-color: #ffffff;
@ -70,7 +70,7 @@ html {
/*Elements*/
.logoImg {
margin: 1% auto;
width: 20%;
width: 25%;
}
.myButton {
@ -79,10 +79,10 @@ html {
display: inline-block;
border: 1px solid;
border-radius: 28px;
margin: 3% 25% 5% 25%;
margin: 7% 25% 5% 25%;
/*Inside*/
padding: 15px 15px;
padding: 5px 15px;
align-content: center;
/*text*/

View File

@ -99,7 +99,7 @@ html {
.logoImg {
margin: 1% auto;
width: 25%;
width: 20%;
}