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