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:
parent
d853cb75d2
commit
6bd2d2a335
@ -12,6 +12,8 @@ header {
|
|||||||
|
|
||||||
/*Visual*/
|
/*Visual*/
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
|
|
||||||
|
border-bottom: 1px solid black;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -10,6 +10,8 @@
|
|||||||
|
|
||||||
height: 15vh;
|
height: 15vh;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**/
|
/**/
|
||||||
@ -37,6 +39,7 @@
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
float: right;
|
float: right;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tournamentData {
|
.tournamentData {
|
||||||
@ -44,6 +47,7 @@
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
/*padding-left: 10%;*/
|
/*padding-left: 10%;*/
|
||||||
color: #282828E5;
|
color: #282828E5;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tournamentOpen {
|
.tournamentOpen {
|
||||||
|
@ -49,6 +49,7 @@
|
|||||||
background: #B8BC00;
|
background: #B8BC00;
|
||||||
border-radius: 63px;
|
border-radius: 63px;
|
||||||
border: 1px solid #B8BC00;
|
border: 1px solid #B8BC00;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
/*Text*/
|
/*Text*/
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
|
@ -43,6 +43,7 @@
|
|||||||
max-height: 0;
|
max-height: 0;
|
||||||
/*szerokość drabinki*/
|
/*szerokość drabinki*/
|
||||||
width: 95%;
|
width: 95%;
|
||||||
|
margin: auto;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
transition: max-height 0.2s ease-out;
|
transition: max-height 0.2s ease-out;
|
||||||
background-color: #f1f1f1;
|
background-color: #f1f1f1;
|
||||||
|
@ -110,6 +110,40 @@
|
|||||||
</div>
|
</div>
|
||||||
</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>
|
</div>
|
||||||
|
|
||||||
<!-- MIKST-->
|
<!-- MIKST-->
|
||||||
|
@ -17,13 +17,12 @@ header {
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/*2'nd layer*/
|
/*2'nd layer*/
|
||||||
.searchBox {
|
.searchBox {
|
||||||
height: auto;
|
height: auto;
|
||||||
width: 5vh;
|
width: 2%;
|
||||||
float: left;
|
float: left;
|
||||||
/*margin-right: 1%;*/
|
/*margin-right: 1%;*/
|
||||||
|
|
||||||
@ -33,7 +32,7 @@ header {
|
|||||||
|
|
||||||
.contentBox {
|
.contentBox {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 95%;
|
width: 95.8%;
|
||||||
float: right;
|
float: right;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
@ -48,10 +48,10 @@
|
|||||||
/*Layer 5*/
|
/*Layer 5*/
|
||||||
.personImg {
|
.personImg {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 40%;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
/*float: left;*/
|
/*float: left;*/
|
||||||
left: 1%
|
/*left: 1%*/
|
||||||
}
|
}
|
||||||
|
|
||||||
.loginForm {
|
.loginForm {
|
||||||
@ -76,10 +76,10 @@
|
|||||||
/*Layer 5*/
|
/*Layer 5*/
|
||||||
.emailImg {
|
.emailImg {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 40%;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
/*float: left;*/
|
/*float: left;*/
|
||||||
left: 1%;
|
/*left: 1%;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
.emailForm {
|
.emailForm {
|
||||||
@ -105,9 +105,9 @@
|
|||||||
/*Layer 5*/
|
/*Layer 5*/
|
||||||
.phoneImg {
|
.phoneImg {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 40%;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
left: 1%
|
/*left: 1%*/
|
||||||
/*float: left;*/
|
/*float: left;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -136,10 +136,10 @@
|
|||||||
/*Layer 5*/
|
/*Layer 5*/
|
||||||
.passImg {
|
.passImg {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 40%;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
float: left;
|
float: left;
|
||||||
left: 1%;
|
left: 0;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -13,7 +13,7 @@
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="form">
|
<div class="form">
|
||||||
<div class="login_header">
|
<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>
|
<a href="../index.html"><img src="src/x.svg" id="closelog"></a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -61,7 +61,7 @@
|
|||||||
<div class="bi bi-eye-slash eye" id="togglePassword"></div>
|
<div class="bi bi-eye-slash eye" id="togglePassword"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="passBox">
|
<div class="passBox" id="secondpass">
|
||||||
<img class="passImg" src="../src/lock.svg" alt="">
|
<img class="passImg" src="../src/lock.svg" alt="">
|
||||||
|
|
||||||
<label>
|
<label>
|
||||||
|
@ -61,7 +61,7 @@ html {
|
|||||||
.reg_footer {
|
.reg_footer {
|
||||||
height: 10%;
|
height: 10%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-top: 2%;
|
padding-top: 2.5%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
@ -70,7 +70,7 @@ html {
|
|||||||
/*Elements*/
|
/*Elements*/
|
||||||
.logoImg {
|
.logoImg {
|
||||||
margin: 1% auto;
|
margin: 1% auto;
|
||||||
width: 20%;
|
width: 25%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.myButton {
|
.myButton {
|
||||||
@ -79,10 +79,10 @@ html {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
border: 1px solid;
|
border: 1px solid;
|
||||||
border-radius: 28px;
|
border-radius: 28px;
|
||||||
margin: 3% 25% 5% 25%;
|
margin: 7% 25% 5% 25%;
|
||||||
|
|
||||||
/*Inside*/
|
/*Inside*/
|
||||||
padding: 15px 15px;
|
padding: 5px 15px;
|
||||||
align-content: center;
|
align-content: center;
|
||||||
|
|
||||||
/*text*/
|
/*text*/
|
||||||
|
@ -99,7 +99,7 @@ html {
|
|||||||
|
|
||||||
.logoImg {
|
.logoImg {
|
||||||
margin: 1% auto;
|
margin: 1% auto;
|
||||||
width: 25%;
|
width: 20%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user