From 4dda83e81ed6b1e30ff3f18d59f0d2f15d40e30e Mon Sep 17 00:00:00 2001 From: Chneemann Date: Wed, 15 May 2024 05:18:20 +0200 Subject: [PATCH] bugfix design --- src/app/app.component.scss | 10 ++++++++++ src/app/shared/components/header/header.component.scss | 6 ++++++ .../sidebar-mobile/sidebar-mobile.component.html | 2 +- src/assets/i18n/de.json | 1 + src/assets/i18n/en.json | 1 + 5 files changed, 19 insertions(+), 1 deletion(-) diff --git a/src/app/app.component.scss b/src/app/app.component.scss index f165dad..db6c87d 100644 --- a/src/app/app.component.scss +++ b/src/app/app.component.scss @@ -60,6 +60,16 @@ app-sidebar-mobile { } } +@media screen and (max-width: 700px) { + .main-content { + top: 80px; + } + + app-header { + height: 80px; + } +} + @media screen and (max-width: 450px) { .main-content { padding: 16px; diff --git a/src/app/shared/components/header/header.component.scss b/src/app/shared/components/header/header.component.scss index 2f4cd93..80c0d3e 100644 --- a/src/app/shared/components/header/header.component.scss +++ b/src/app/shared/components/header/header.component.scss @@ -70,3 +70,9 @@ display: unset; } } + +@media screen and (max-width: 700px) { + .header { + height: 80px; + } +} diff --git a/src/app/shared/components/sidebar/sidebar-mobile/sidebar-mobile.component.html b/src/app/shared/components/sidebar/sidebar-mobile/sidebar-mobile.component.html index 5077a50..38a77d2 100644 --- a/src/app/shared/components/sidebar/sidebar-mobile/sidebar-mobile.component.html +++ b/src/app/shared/components/sidebar/sidebar-mobile/sidebar-mobile.component.html @@ -34,7 +34,7 @@ src="./../../../../../assets/img/sidebar/add-task.svg" alt="addtask" /> -

{{ "sidebar.addTask" | translate }}

+

{{ "sidebar.addTaskMobile" | translate }}