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 changes

Browse Source
This commit is contained in:
Janis M
2022-03-29 10:56:41 +02:00
parent 0caff2b01a
commit 5c128cb2ae
3 changed files with 21 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
static/css/header.css
View File

@@ -20,7 +20,7 @@ body {
/* LOGO PART */ /* LOGO PART */
.headerDIVLogo { .headerDIVLogo {
width: 20%; width: 35px;
} }
.headerDIVLogo > img { .headerDIVLogo > img {
float: left; float: left;
@@ -53,12 +53,12 @@ body {
/* BUTTON PART */ /* BUTTON PART */
.headerDIVButton { .headerDIVButton {
width: 20%; float: right;
} }
.headerDIVButton > button { .headerDIVButton button {
height: 30px; height: 30px;
float: right; float: right;
margin-right: 10px; margin-right: 5px;
height: 35px; height: 35px;
border-radius: 5px; border-radius: 5px;
border: 3px solid rgb(6, 70, 107); border: 3px solid rgb(6, 70, 107);
@@ -91,4 +91,10 @@ body {
height: 65px; height: 65px;
background-color: #414854; background-color: #414854;
margin: 0; margin: 0;
} }
@media only screen and (max-width: 800px) {
.headerDIVSearch {
}
}

11
static/css/product.css
View File

@@ -37,7 +37,6 @@ h1, h2{
#content #content
{ {
width: 1000px; width: 1000px;
height:3000px;
background-color: rgb(244, 244, 244); background-color: rgb(244, 244, 244);
margin:auto; margin:auto;
padding-top: 10px; padding-top: 10px;
@@ -235,4 +234,12 @@ textarea{
display:block; display:block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
@media only screen and (max-width: 1030px) {
#content
{
width: 100%;
}
}

2
views/partials/header.ejs
View File

@@ -6,7 +6,7 @@
><button class="vertical-center"><i class="material-icons">search</i></button> ><button class="vertical-center"><i class="material-icons">search</i></button>
</div><div class="headerDIVButton"> </div><div class="headerDIVButton">
<% if(user){ %> <% if(user){ %>
<button class="vertical-center" id="headerBtnLogout" onclick="window.open('/logout', '_self')">Log out</button> <button class="vertical-center" id="headerBtnLogout" onclick="window.open('/logout', '_self')">Log out</button>
<button class="vertical-center" onclick="window.open('/account', '_self')">Ihr Konto</button> <button class="vertical-center" onclick="window.open('/account', '_self')">Ihr Konto</button>
<%} else{%> <%} else{%>
<button class="vertical-center" onclick="window.open('/register', '_self')">Registrieren</button> <button class="vertical-center" onclick="window.open('/register', '_self')">Registrieren</button>