Chneemann/videoflix
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Design: Header fixed at imprint and privacy policy

Browse source
This commit is contained in:
Chneemann 2024-09-09 09:33:40 +02:00
parent b282732f0a
commit f9b8b3b32a
2 changed files with 26 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
frontend/src/app/shared/components/legal-information/imprint/imprint.component.scss
View file

@ -14,9 +14,12 @@ header {
display: flex;
justify-content: space-between;
align-items: center;
position: fixed;
height: 88px;
padding: 10px 96px;
width: calc(100% - 192px);
padding: 10px 48px;
width: calc(100% - 96px);
z-index: 2;
background-color: $black;
}
.logo-mobile {
@ -42,7 +45,9 @@ header {
.content {
text-align: center;
max-width: 1024px;
padding: 24px;
padding: 48px;
margin-top: 88px;
z-index: 1;
}
.headline {
@ -90,12 +95,16 @@ a {
}
}
@media screen and (max-width: 700px) {
@media screen and (max-width: 600px) {
header {
padding: 10px 24px;
width: calc(100% - 48px);
}
.content {
padding: 24px;
}
.logo-full {
display: none;
}

17
frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.scss
View file

@ -14,9 +14,12 @@ header {
display: flex;
justify-content: space-between;
align-items: center;
position: fixed;
height: 88px;
padding: 10px 96px;
width: calc(100% - 192px);
padding: 10px 48px;
width: calc(100% - 96px);
z-index: 2;
background-color: $black;
}
.logo-mobile {
@ -41,7 +44,9 @@ header {
.content {
max-width: 1024px;
padding: 24px;
padding: 48px;
margin-top: 88px;
z-index: 1;
}
.headline {
@ -97,12 +102,16 @@ a {
}
}
@media screen and (max-width: 700px) {
@media screen and (max-width: 600px) {
header {
padding: 10px 24px;
width: calc(100% - 48px);
}
.content {
padding: 24px;
}
.logo-full {
display: none;
}