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>
<div class="header">
<div class="logo">
<img src="./../../../../../assets/img/logo_full.svg" alt="Logo" />
<header>
<div class="logo-full" routerLink="/">
<img src="./../../../../assets/img/logo_full.svg" alt="" />
</div>
<div class="logo-mobile" routerLink="/">
<img src="./../../../../assets/img/logo_ci.svg" alt="" />
</div>
<div class="back-button" (click)="backClicked()">
<img src="./../../../../assets/img/back.svg" alt="Back" />
</div>
</div>
</header>
<div class="content">
<div class="headline">
<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;
}
.header {
header {
display: flex;
justify-content: space-between;
align-items: center;
@ -19,6 +19,10 @@ section {
width: calc(100% - 192px);
}
.logo-mobile {
display: none;
}
.back-button {
cursor: pointer;
background: none;
@ -38,6 +42,7 @@ section {
.content {
text-align: center;
max-width: 1024px;
padding: 24px;
}
.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) {
h1 {
font-size: 34px;

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

@ -1,12 +1,15 @@
<section>
<div class="header">
<div class="logo">
<img src="./../../../../../assets/img/logo_full.svg" alt="Logo" />
<header>
<div class="logo-full" routerLink="/">
<img src="./../../../../assets/img/logo_full.svg" alt="" />
</div>
<div class="logo-mobile" routerLink="/">
<img src="./../../../../assets/img/logo_ci.svg" alt="" />
</div>
<div class="back-button" (click)="backClicked()">
<img src="./../../../../assets/img/back.svg" alt="Back" />
</div>
</div>
</header>
<div class="content">
<div class="headline">
<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;
}
.header {
header {
display: flex;
justify-content: space-between;
align-items: center;
@ -19,6 +19,10 @@ section {
width: calc(100% - 192px);
}
.logo-mobile {
display: none;
}
.back-button {
cursor: pointer;
background: none;
@ -37,6 +41,7 @@ section {
.content {
max-width: 1024px;
padding: 24px;
}
.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) {
h1 {
font-size: 34px;