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*/
|
||||
background-color: #FFFFFF;
|
||||
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -49,6 +49,7 @@
|
||||
background: #B8BC00;
|
||||
border-radius: 63px;
|
||||
border: 1px solid #B8BC00;
|
||||
cursor: pointer;
|
||||
|
||||
/*Text*/
|
||||
color: #FFFFFF;
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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-->
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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*/
|
||||
|
||||
@ -99,7 +99,7 @@ html {
|
||||
|
||||
.logoImg {
|
||||
margin: 1% auto;
|
||||
width: 25%;
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user