깜놀하는 해므찌로

Angular layout example / flex-1 본문

IT

Angular layout example / flex-1

agnusdei1207 2023. 4. 25. 10:49
반응형
SMALL
<section class="flex min-w-max h-screen">
  <!-- side-menu -->
  <app-side-menu [menus]="menus" (currentMenu)="menu = $event"></app-side-menu>

  <!-- header -->
  <section class="flex flex-col w-full">
    <app-header [menu]="menu"></app-header>
    <!-- content -->
    <div class="grow basis-0 overflow-y-auto">
      <router-outlet></router-outlet>
    </div>
  </section>
</section>
반응형
LIST

'IT' 카테고리의 다른 글

selectbox custom Details 활용 예시  (0) 2023.04.25
페이지네이션 현재 페이지 10개만 가져오기 예시 pagination  (0) 2023.04.25
Angular layout example / flex-1  (0) 2023.04.25
summary, details tag toggle marker delete  (0) 2023.04.25
JAVA 상속관계 시 생성자 호출 순서  (0) 2023.04.24
'IT' Related Articles more