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

bugfix design & update header logo

Browse source
This commit is contained in:
Chneemann 2024-08-10 08:05:36 +02:00
parent d7b07202ec
commit 3f8bc3ab0e
4 changed files with 56 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
frontend/src/app/shared/components/legal-information/imprint/imprint.component.html
View file

@ -1,12 +1,15 @@
<section> <section>
<div class="header"> <header>
<div class="logo"> <div class="logo-full" routerLink="/">
<img src="./../../../../../assets/img/logo_full.svg" alt="Logo" /> <img src="./../../../../assets/img/logo_full.svg" alt="" />
</div>
<div class="logo-mobile" routerLink="/">
<img src="./../../../../assets/img/logo_ci.svg" alt="" />
</div> </div>
<div class="back-button" (click)="backClicked()"> <div class="back-button" (click)="backClicked()">
<img src="./../../../../assets/img/back.svg" alt="Back" /> <img src="./../../../../assets/img/back.svg" alt="Back" />
</div> </div>
</div> </header>
<div class="content"> <div class="content">
<div class="headline"> <div class="headline">
<h1>Legal Notice (Imprint)</h1> <h1>Legal Notice (Imprint)</h1>

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

@ -10,7 +10,7 @@ section {
background-color: $black; background-color: $black;
} }
.header { header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -19,6 +19,10 @@ section {
width: calc(100% - 192px); width: calc(100% - 192px);
} }
.logo-mobile {
display: none;
}
.back-button { .back-button {
cursor: pointer; cursor: pointer;
background: none; background: none;
@ -38,6 +42,7 @@ section {
.content { .content {
text-align: center; text-align: center;
max-width: 1024px; max-width: 1024px;
padding: 24px;
} }
.headline { .headline {
@ -85,6 +90,21 @@ a {
} }
} }
@media screen and (max-width: 700px) {
header {
padding: 10px 24px;
width: calc(100% - 48px);
}
.logo-full {
display: none;
}
.logo-mobile {
display: block;
}
}
@media screen and (max-width: 500px) { @media screen and (max-width: 500px) {
h1 { h1 {
font-size: 34px; font-size: 34px;

11
frontend/src/app/shared/components/legal-information/privacy-policy/privacy-policy.component.html
View file

@ -1,12 +1,15 @@
<section> <section>
<div class="header"> <header>
<div class="logo"> <div class="logo-full" routerLink="/">
<img src="./../../../../../assets/img/logo_full.svg" alt="Logo" /> <img src="./../../../../assets/img/logo_full.svg" alt="" />
</div>
<div class="logo-mobile" routerLink="/">
<img src="./../../../../assets/img/logo_ci.svg" alt="" />
</div> </div>
<div class="back-button" (click)="backClicked()"> <div class="back-button" (click)="backClicked()">
<img src="./../../../../assets/img/back.svg" alt="Back" /> <img src="./../../../../assets/img/back.svg" alt="Back" />
</div> </div>
</div> </header>
<div class="content"> <div class="content">
<div class="headline"> <div class="headline">
<h1>Privacy Policy</h1> <h1>Privacy Policy</h1>

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

@ -10,7 +10,7 @@ section {
background-color: $black; background-color: $black;
} }
.header { header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -19,6 +19,10 @@ section {
width: calc(100% - 192px); width: calc(100% - 192px);
} }
.logo-mobile {
display: none;
}
.back-button { .back-button {
cursor: pointer; cursor: pointer;
background: none; background: none;
@ -37,6 +41,7 @@ section {
.content { .content {
max-width: 1024px; max-width: 1024px;
padding: 24px;
} }
.headline { .headline {
@ -92,6 +97,21 @@ a {
} }
} }
@media screen and (max-width: 700px) {
header {
padding: 10px 24px;
width: calc(100% - 48px);
}
.logo-full {
display: none;
}
.logo-mobile {
display: block;
}
}
@media screen and (max-width: 500px) { @media screen and (max-width: 500px) {
h1 { h1 {
font-size: 34px; font-size: 34px;