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*/ /*Visual*/
background-color: #FFFFFF; background-color: #FFFFFF;
border-bottom: 1px solid black;
} }

View File

@ -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 {

View File

@ -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;

View File

@ -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;

View File

@ -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-->

View File

@ -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;
} }

View File

@ -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;
} }

View File

@ -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>

View File

@ -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>

View File

@ -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*/

View File

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