feat: add some apis integration

This commit is contained in:
Arek 2022-06-18 14:39:03 +02:00
commit 994ace08b8
12 changed files with 160 additions and 46 deletions

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -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>
<div class="collapsibleContent">
<div class="tournamen">
To ja
<button type="button" class="collapsible">Zapisani na turniej - OPEN</button>
<div class="collapsibleContent">
<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> -->

View File

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

View File

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 484 KiB

View File

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