janis/shop-ejs-expressjs
1
0
Fork 0
mirror of https://github.com/DerTyp7/shop-ejs-expressjs.git synced 2025-10-29 20:42:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

Header Searchbar center fix, Search page integration

Browse Source
This commit is contained in:
Ben PC
2022-03-30 09:17:42 +02:00
parent d990dd3db0
commit fb4e88e290
2 changed files with 55 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
static/css/header.css
View File

@@ -1,12 +1,23 @@
/* UTIL */
.vertical-center {
.vertical-center {
float: left;
top: 50%;
position: relative;
transform: translateY(-50%);
}
body {
margin: 0;
}
/* BACKGROUND */
.headerDIV {
width: 100%;
height: 65px;
background-color: #414854;
margin: 0;
}
.headerDIV > div {
height: 100%;
text-align: center;
@@ -16,7 +27,7 @@
/* LOGO PART */
.headerDIVLogo {
width: 35px;
width: 20%;
}
.headerDIVLogo > img {
float: left;
@@ -47,11 +58,21 @@
height: 30px;
}
/* LOGIN PART */
.headerDIVLogin {
width: 20%;
}
.headerDIVLogin > button {
height: 30px;
float: right;
margin-right: 10px;
}
/* BUTTON PART */
.headerDIVButton {
.headerDIVUser {
float: right;
}
.headerDIVButton button {
.headerDIVUser button {
height: 30px;
float: right;
margin-right: 5px;
@@ -77,20 +98,6 @@
background-color: rgb(206, 50, 50);
}
.headerDIVButton > button:hover {
.headerDIVUser > button:hover {
background-color: rgb(23, 114, 167);
}
.headerDIV {
width: 100%;
height: 65px;
background-color: #414854;
margin: 0;
}
@media only screen and (max-width: 800px) {
.headerDIVSearch {
}
}
}