fix: 🎨 Improving the appearance of application

This commit is contained in:
Arek 2022-06-13 13:13:36 +02:00
parent b5a7c8c3c5
commit 7a8ec95791
4 changed files with 37 additions and 21 deletions

View File

@ -13,13 +13,13 @@ header {
/*Visual*/ /*Visual*/
background-color: #FFFFFF; background-color: #FFFFFF;
border-bottom: 1px solid #333333; /* border-bottom: 1px solid #333333; */
} }
/*Second level*/ /*Second level*/
.logoBox { .logoBox {
width: 20%; width: 10.8%;
height: 100%; height: 100%;
float: left; float: left;
} }
@ -38,7 +38,7 @@ header {
float: left; float: left;
} }
.header_link{ .header_link {
text-align: center; text-align: center;
line-height: 2; line-height: 2;
@ -71,7 +71,18 @@ header {
} }
/*Link underline fix*/ /*Link underline fix*/
a:link { text-decoration: none; } a:link {
a:visited { text-decoration: none; } text-decoration: none;
a:hover { text-decoration: none; } }
a:active { text-decoration: none; }
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}

View File

@ -1,19 +1,19 @@
.settingsWszystkie { .settingsWszystkie {
height: 100%; height: 100%;
width: 10%; width: 10%;
float: left;
text-align: center;
border: 1px #AFAFAF solid; border: 1px #AFAFAF solid;
display: flex;
align-items: center;
justify-content: center;
} }
.settingsMoje { .settingsMoje {
height: 100%; height: 100%;
width: 10%; width: 10%;
float: left;
text-align: center;
border: 1px #AFAFAF solid; border: 1px #AFAFAF solid;
display: flex;
align-items: center;
justify-content: center;
} }
.settingsKafle { .settingsKafle {

View File

@ -7,6 +7,11 @@ body {
margin: 0; margin: 0;
} }
header {
margin: 0;
}
.container { .container {
height: 100%; height: 100%;
width: 100%; width: 100%;
@ -16,7 +21,7 @@ body {
/*2'nd layer*/ /*2'nd layer*/
.searchBox { .searchBox {
height: 100vh; height: auto;
width: 5vh; width: 5vh;
float: left; float: left;
/*margin-right: 1%;*/ /*margin-right: 1%;*/
@ -42,8 +47,8 @@ body {
.settingsBox { .settingsBox {
height: 5vh; height: 5vh;
width: 100%; width: 100%;
border: 1px #AFAFAF solid; border: 1px #AFAFAF solid;
display: flex;
} }
/*items*/ /*items*/
@ -51,4 +56,4 @@ body {
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }

View File

@ -21,7 +21,7 @@
onclick="window.location.href='panel_organizatora/logowanie/index.html'" id="login">LOGOWANIE</button> onclick="window.location.href='panel_organizatora/logowanie/index.html'" id="login">LOGOWANIE</button>
<a class="header_link" href="./kontakt/index.html">Kontakt</a> <a class="header_link" href="./kontakt/index.html">Kontakt</a>
<a class="header_link" href="./ranking/index.html">Ranking</a> <a class="header_link" href="./ranking/index.html">Ranking</a>
<a class="header_link" href="./index.html">Kalendarz turniejów</a> <a style="font-weight: bold" class="header_link" href="./index.html">Kalendarz turniejów</a>
<a class="header_link" href="panel_organizatora/dodawanie turnieju/index.html" id="creator">Tworzenie <a class="header_link" href="panel_organizatora/dodawanie turnieju/index.html" id="creator">Tworzenie
turnieju</a> turnieju</a>
<button class="loginButton" id="logout" onclick="logout()">Wyloguj</button> <button class="loginButton" id="logout" onclick="logout()">Wyloguj</button>
@ -40,15 +40,15 @@
<!-- --> <!-- -->
<div class="contentBox"> <div class="contentBox">
<div class="filterBox"> <!-- <div class="filterBox">
</div> </div> -->
<div class="settingsBox"> <div class="settingsBox">
<div class="settingsWszystkie">WSZYSTKIE</div> <div class="settingsWszystkie">WSZYSTKIE</div>
<div class="settingsMoje">MOJE</div> <div class="settingsMoje">MOJE</div>
<div class="settingsLista">LISTA</div> <!-- <div class="settingsLista">LISTA</div>
<div class="settingsKafle">Kafle</div> <div class="settingsKafle">Kafle</div> -->
</div> </div>
<div class="tournament-list"> <div class="tournament-list">