feature/refactor-login #19
|
@ -114,7 +114,7 @@
|
||||||
? 'compact'
|
? 'compact'
|
||||||
: 'closed'
|
: 'closed'
|
||||||
"
|
"
|
||||||
class="h-full transition-transform duration-300 ease-in-out bg-primary text-primary-content flex flex-col lg:translate-x-0"
|
class="h-full overflow-hidden transition-transform duration-300 ease-in-out bg-primary text-primary-content flex flex-col lg:translate-x-0"
|
||||||
[ngClass]="{
|
[ngClass]="{
|
||||||
'w-16': isCompact && !isDrawerOpen,
|
'w-16': isCompact && !isDrawerOpen,
|
||||||
'w-64': isDrawerOpen,
|
'w-64': isDrawerOpen,
|
||||||
|
@ -383,15 +383,7 @@
|
||||||
(keydown.space)="toggleDrawer()"></div>
|
(keydown.space)="toggleDrawer()"></div>
|
||||||
|
|
||||||
<!-- Hauptinhalt -->
|
<!-- Hauptinhalt -->
|
||||||
<div
|
<div class="flex-1 overflow-y-auto bg-base-100">
|
||||||
[@mainContentAnimation]="
|
|
||||||
isCompact && !isDrawerOpen ? 'shifted' : 'normal'
|
|
||||||
"
|
|
||||||
class="flex-1 overflow-y-auto p-4 bg-base-100"
|
|
||||||
[ngClass]="{
|
|
||||||
'lg:ml-16': isCompact && !isDrawerOpen,
|
|
||||||
'ml-0': !isDrawerOpen || isCompact
|
|
||||||
}">
|
|
||||||
<main [ngStyle]="mainContent" class="flex-1 w-full h-full">
|
<main [ngStyle]="mainContent" class="flex-1 w-full h-full">
|
||||||
<div class="w-full h-full flex items-center justify-center">
|
<div class="w-full h-full flex items-center justify-center">
|
||||||
<div class="w-full max-w-5xl">
|
<div class="w-full max-w-5xl">
|
||||||
|
|
Loading…
Reference in New Issue