Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Padding fix

Browse Source
This commit is contained in:
reverend
2020-08-16 12:26:10 +02:00
parent 9ebfef6c6e
commit 15b4bc7880
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/03_Organisms/header/_header.scss
View File

@@ -8,6 +8,7 @@ $-logo-height: 45px;
box-shadow: 0 0 2px $-light-brown; box-shadow: 0 0 2px $-light-brown;
grid-area: header; grid-area: header;
background-color: white; background-color: white;
padding-left: 25px;
&__Navigation{ &__Navigation{
flex-grow: 2; flex-grow: 2;
@@ -15,7 +16,6 @@ $-logo-height: 45px;
&__Logo { &__Logo {
height: $-logo-height; height: $-logo-height;
margin: 25px;
object-fit:cover; object-fit:cover;
max-height: 100%; max-height: 100%;
width: 225px; width: 225px;
@@ -63,8 +63,8 @@ $-logo-height: 45px;
@media(max-width: $-viewport-toggle-sidebar){ @media(max-width: $-viewport-toggle-sidebar){
.LP-Header{ .LP-Header{
padding-left: 40px; padding-left: 60px;
width: calc(100% - 40px); width: calc(100% - 60px);
position: fixed; position: fixed;
z-index: 10; z-index: 10;
} }

8
public/main.css
View File

@@ -512,12 +512,12 @@ body {
height: 60px; height: 60px;
box-shadow: 0 0 2px #C09F80; box-shadow: 0 0 2px #C09F80;
grid-area: header; grid-area: header;
background-color: white; } background-color: white;
padding-left: 25px; }
.LP-Header__Navigation { .LP-Header__Navigation {
flex-grow: 2; } flex-grow: 2; }
.LP-Header__Logo { .LP-Header__Logo {
height: 45px; height: 45px;
margin: 25px;
object-fit: cover; object-fit: cover;
max-height: 100%; max-height: 100%;
width: 225px; width: 225px;
@@ -550,8 +550,8 @@ body {
@media (max-width: 650px) { @media (max-width: 650px) {
.LP-Header { .LP-Header {
padding-left: 40px; padding-left: 60px;
width: calc(100% - 40px); width: calc(100% - 60px);
position: fixed; position: fixed;
z-index: 10; } } z-index: 10; } }