feat: ✨ add some apis integration
This commit is contained in:
commit
994ace08b8
@ -1,6 +1,5 @@
|
||||
/*##################*/
|
||||
ul {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
@ -19,15 +18,15 @@ li a {
|
||||
color: black;
|
||||
background-color: white;
|
||||
padding: 10px 15px;
|
||||
margin: 0px 1px 1px 0px;
|
||||
margin: 0 1px 1px 0;
|
||||
|
||||
border: 1px solid black;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
box-shadow: 0px 2px 3px gray;
|
||||
-moz-box-shadow: 0px 2px 3px gray;
|
||||
-webkit-box-shadow: 0px 2px 3px gray;
|
||||
box-shadow: 0 2px 3px gray;
|
||||
-moz-box-shadow: 0 2px 3px gray;
|
||||
-webkit-box-shadow: 0 2px 3px gray;
|
||||
}
|
||||
|
||||
li a:hover {
|
||||
|
@ -3,9 +3,7 @@
|
||||
/*Wersja zwinięta*/
|
||||
.collapsible {
|
||||
/*Box alignment*/
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
width: 80%;
|
||||
width: 100%;
|
||||
|
||||
/*Content alignment*/
|
||||
padding: 1%;
|
||||
@ -44,7 +42,7 @@
|
||||
padding: 0 18px;
|
||||
max-height: 0;
|
||||
/*szerokość drabinki*/
|
||||
width: 75%;
|
||||
width: 95%;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.2s ease-out;
|
||||
background-color: #f1f1f1;
|
||||
|
@ -26,10 +26,11 @@ body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
flex-flow: row wrap;
|
||||
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
justify-content: flex-end;
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
main {
|
||||
@ -39,11 +40,9 @@ main {
|
||||
|
||||
.bookmarks {
|
||||
/*Alignment*/
|
||||
margin: auto;
|
||||
width: 50%;
|
||||
margin-left: 0;
|
||||
width: 40%;
|
||||
height: 5vh;
|
||||
float: left;
|
||||
|
||||
/*Others*/
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
Binary file not shown.
After Width: | Height: | Size: 484 KiB |
@ -3,7 +3,7 @@
|
||||
|
||||
/*Layer 0*/
|
||||
html {
|
||||
background-image: url(src/tlo_logowanie.png);
|
||||
background-image: url(src/tlo.jpg);
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
|
||||
|
@ -19,15 +19,15 @@ li a {
|
||||
color: black;
|
||||
background-color: white;
|
||||
padding: 10px 15px;
|
||||
margin: 0px 1px 1px 0px;
|
||||
margin: 0 1px 1px 0;
|
||||
|
||||
border: 1px solid black;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
box-shadow: 0px 2px 3px gray;
|
||||
-moz-box-shadow: 0px 2px 3px gray;
|
||||
-webkit-box-shadow: 0px 2px 3px gray;
|
||||
box-shadow: 0 2px 3px gray;
|
||||
-moz-box-shadow: 0 2px 3px gray;
|
||||
-webkit-box-shadow: 0 2px 3px gray;
|
||||
}
|
||||
|
||||
li a:hover {
|
||||
|
@ -3,9 +3,7 @@
|
||||
/*Wersja zwinięta*/
|
||||
.collapsible {
|
||||
/*Box alignment*/
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
width: 80%;
|
||||
width: 100%;
|
||||
|
||||
/*Content alignment*/
|
||||
padding: 1%;
|
||||
@ -41,11 +39,17 @@
|
||||
|
||||
/*Wersja rozwinięta*/
|
||||
.collapsibleContent {
|
||||
padding: 0 18px;
|
||||
max-height: 0;
|
||||
|
||||
/*szerokość drabinki*/
|
||||
width: 75%;
|
||||
width: 95%;
|
||||
margin:auto;
|
||||
|
||||
/*Visual*/
|
||||
background-color: #f1f1f1;
|
||||
|
||||
/*Efekt rozwinięcia*/
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.2s ease-out;
|
||||
background-color: #f1f1f1;
|
||||
|
||||
}
|
@ -8,7 +8,7 @@
|
||||
<title>Padel Tournaments System</title>
|
||||
|
||||
<link rel="stylesheet" href="style.css">
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pretty-checkbox@3.0/dist/pretty-checkbox.min.css"/>
|
||||
</head>
|
||||
|
||||
<body onload="registrationsGet()">
|
||||
@ -41,10 +41,77 @@
|
||||
</div>
|
||||
|
||||
<!-- OPEN-->
|
||||
<!-- <button type="button" class="collapsible">Zapisani na turniej - OPEN</button>
|
||||
<button type="button" class="collapsible">Zapisani na turniej - OPEN</button>
|
||||
<div class="collapsibleContent">
|
||||
<div class="tournamen">
|
||||
To ja
|
||||
|
||||
<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 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> -->
|
||||
|
||||
|
@ -4,6 +4,7 @@
|
||||
@import "../../../../_global/header.css";
|
||||
@import "bookmarks.css";
|
||||
@import "../../../../_global/style.css";
|
||||
@import '~pretty-checkbox/src/pretty-checkbox.scss';
|
||||
|
||||
|
||||
body {
|
||||
@ -16,11 +17,11 @@ body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
/*flex-flow: row wrap;*/
|
||||
margin: auto;
|
||||
flex-flow: row wrap;
|
||||
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
justify-content: flex-end;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
main {
|
||||
@ -61,21 +62,66 @@ main {
|
||||
|
||||
.bookmarks {
|
||||
/*Alignment*/
|
||||
margin: auto;
|
||||
width: 50%;
|
||||
margin-left: 0;
|
||||
width: 40%;
|
||||
height: 5vh;
|
||||
float: left;
|
||||
|
||||
/*Others*/
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/*Participant Box*/
|
||||
.participant {
|
||||
/*Size and alignment*/
|
||||
height: 10vh;
|
||||
width: 50%;
|
||||
width: 49.842%;
|
||||
float: left;
|
||||
|
||||
background-color: #0f64f2;
|
||||
color: #CF2323;
|
||||
/*Font*/
|
||||
font-family: 'Montserrat', serif;
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
color: #828282;
|
||||
|
||||
/*Visual*/
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #AFAFAF;
|
||||
padding: -2px;
|
||||
}
|
||||
/*2'nd Layer*/
|
||||
.partID {
|
||||
width: 6%;
|
||||
height: 100%;
|
||||
float: left;
|
||||
|
||||
box-sizing: border-box;
|
||||
padding-top: 6%;
|
||||
|
||||
text-align: center;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.partNames{
|
||||
width: 47%;
|
||||
height: 100%;
|
||||
float: left;
|
||||
|
||||
box-sizing: border-box;
|
||||
padding-left: 2%;
|
||||
padding-top: 2%;
|
||||
|
||||
line-height: 200%;
|
||||
|
||||
}
|
||||
.partParameters{
|
||||
width: 47%;
|
||||
height: 100%;
|
||||
float: left;
|
||||
text-align: right;
|
||||
|
||||
/*Padding doesn't change the size of the box*/
|
||||
box-sizing: border-box;
|
||||
/*padding-left: 2%;*/
|
||||
padding-top: 2%;
|
||||
padding-right: 2%;
|
||||
|
||||
border: 1px solid black;
|
||||
}
|
||||
@ -85,4 +131,5 @@ main {
|
||||
height: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
line-height: 200%;
|
||||
}
|
@ -3,7 +3,7 @@
|
||||
|
||||
/*Layer 0*/
|
||||
html {
|
||||
background-image: url(../src/mezczyzna_padel.jpg);
|
||||
background-image: url(../src/tlo.jpg);
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
|
||||
|
BIN
frontend/normal_user/logowanie/src/tlo.jpg
Normal file
BIN
frontend/normal_user/logowanie/src/tlo.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 484 KiB |
@ -2,7 +2,7 @@
|
||||
|
||||
/*Layer 0*/
|
||||
html {
|
||||
background-image: url(src/tlo_logowanie.png);
|
||||
background-image: url(src/tlo.jpg);
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user