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 {
display: block;
/*display: flex;*/
float: left;
text-align: center;
font-size: 1.2em;

View File

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

View File

@ -3,7 +3,6 @@
@import "../css/buttons.css";
@import '~pretty-checkbox/src/pretty-checkbox.scss';
/*0 layer*/
body {
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">
Edycja turnieju
</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">
<h3 class="descriptor">Nazwa Turnieju</h3>

View File

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