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

layout arrangement

Browse source
This commit is contained in:
Chneemann 2024-03-22 20:22:57 +01:00
parent 6bb3d6522b
commit b60d418075
2 changed files with 35 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/app/app.component.html
View file

@ -1,3 +1,9 @@
<app-header></app-header>
<div class="container">
<app-sidebar></app-sidebar>
<main>
<app-header></app-header>
<div class="content">
<router-outlet></router-outlet>
</div>
</main>
</div>

26
src/app/app.component.scss
View file

@ -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;
}