From b60d41807549758c77731253f6dd61914a125c20 Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Fri, 22 Mar 2024 20:22:57 +0100
Subject: [PATCH] layout arrangement

---
 src/app/app.component.html | 12 +++++++++---
 src/app/app.component.scss | 26 ++++++++++++++++++++++++++
 2 files changed, 35 insertions(+), 3 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 12a8d83..1194c7c 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,3 +1,9 @@
-<app-header></app-header>
-<app-sidebar></app-sidebar>
-<router-outlet></router-outlet>
+<div class="container">
+  <app-sidebar></app-sidebar>
+  <main>
+    <app-header></app-header>
+    <div class="content">
+      <router-outlet></router-outlet>
+    </div>
+  </main>
+</div>
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index e69de29..91b5b15 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -0,0 +1,26 @@
+.container {
+  display: flex;
+  height: 100vh;
+}
+
+app-sidebar {
+  width: 232px;
+  height: 100%;
+}
+
+main {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+
+app-header {
+  height: 96px;
+  width: 100%;
+}
+
+.content {
+  width: calc(100vw - 232px);
+  height: 100vh;
+  padding: 64px 0 0 64px;
+}