feat: pasek zakładek w ekranie edycji turnieju

This commit is contained in:
Lewy 2022-06-15 14:19:51 +02:00
parent a161d6cd75
commit 5e645ea930
6 changed files with 64 additions and 6 deletions

View File

@ -10,6 +10,7 @@ ul {
li a { li a {
display: block; display: block;
/*display: flex;*/
float: left; float: left;
text-align: center; text-align: center;
font-size: 1.2em; font-size: 1.2em;

View File

@ -46,8 +46,8 @@ body {
.bookmarks { .bookmarks {
/*Alignment*/ /*Alignment*/
margin: auto; margin-left: 24%;
width: 50%; width: 100%;
height: 5vh; height: 5vh;
/*Others*/ /*Others*/
@ -57,9 +57,6 @@ body {
/*Elements*/ /*Elements*/
.descriptor { .descriptor {
/* Size */
left: 254px;
top: 554px;
/* Alignment */ /* Alignment */
margin-bottom: 0; margin-bottom: 0;

View File

@ -3,7 +3,6 @@
@import "../css/buttons.css"; @import "../css/buttons.css";
@import '~pretty-checkbox/src/pretty-checkbox.scss'; @import '~pretty-checkbox/src/pretty-checkbox.scss';
/*0 layer*/ /*0 layer*/
body { body {
background-color: #EBEBEB; background-color: #EBEBEB;

View File

@ -0,0 +1,37 @@
/*##################*/
ul {
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
/*background-color: #0B4D39;*/
}
li a {
display: block;
float: left;
text-align: center;
font-size: 1.2em;
width: 130px;
text-decoration: none;
color: black;
background-color: white;
padding: 10px 15px;
margin: 0px 1px 1px 0px;
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;
}
li a:hover {
color: black;
background: #AFAFAF;
border: 1px solid black;
}

View File

@ -36,6 +36,18 @@
<div class="title"> <div class="title">
Edycja turnieju Edycja turnieju
</div> </div>
<div class="bookmarks">
<nav>
<ul>
<li><a href="#">Informacje</a></li>
<li><a href="../../normal_user/_main%20page/pojedynczy_turniej/zapisy/index.html">Zapisy</a></li>
<li><a href="../../normal_user/_main%20page/pojedynczy_turniej/drabinka/index.html">Drabinka</a></li>
<li><a href="#">Wyniki</a></li>
</ul>
</nav>
</div>
<div class="form"> <div class="form">
<h3 class="descriptor">Nazwa Turnieju</h3> <h3 class="descriptor">Nazwa Turnieju</h3>

View File

@ -2,6 +2,7 @@
@import "../../_global/style.css"; @import "../../_global/style.css";
@import "../css/buttons.css"; @import "../css/buttons.css";
@import '~pretty-checkbox/src/pretty-checkbox.scss'; @import '~pretty-checkbox/src/pretty-checkbox.scss';
@import "bookmarks.css";
/*0 layer*/ /*0 layer*/
@ -105,3 +106,14 @@ body {
.state { .state {
/*background-color: #0B4D39;*/ /*background-color: #0B4D39;*/
} }
.bookmarks {
/*Alignment*/
margin: auto;
width: 100%;
height: 5vh;
/*Others*/
justify-content: center;
align-items: center;
}