From 13439577888256b540d0ade9cd67632cf7545e79 Mon Sep 17 00:00:00 2001 From: kjh2064 Date: Sun, 26 Jul 2026 02:03:27 +0900 Subject: [PATCH] fix(layout): lock app container to 100vh flex-col layout ensuring footer is strictly pinned to viewport bottom --- src/frontend/index.html | 4 ++-- src/frontend/src/App.vue | 14 +++++++------- src/frontend/src/assets/douzone.css | 4 ++++ 3 files changed, 13 insertions(+), 9 deletions(-) diff --git a/src/frontend/index.html b/src/frontend/index.html index 096d706c..748fe2f7 100644 --- a/src/frontend/index.html +++ b/src/frontend/index.html @@ -6,8 +6,8 @@ frontend - -
+ +
diff --git a/src/frontend/src/App.vue b/src/frontend/src/App.vue index a97b5699..df08f2e5 100644 --- a/src/frontend/src/App.vue +++ b/src/frontend/src/App.vue @@ -21,11 +21,11 @@ const handleTemplateSelect = (e: Event) => { -
- +
+ -
+
SCR-11: 펀드 KPI SCR-01: 시계열 @@ -59,12 +59,12 @@ const handleTemplateSelect = (e: Event) => {
- -
+ +
- - + +
diff --git a/src/frontend/src/assets/douzone.css b/src/frontend/src/assets/douzone.css index 1f732905..82adec41 100644 --- a/src/frontend/src/assets/douzone.css +++ b/src/frontend/src/assets/douzone.css @@ -84,8 +84,12 @@ body { .w-full { width: 100%; } .h-full { height: 100%; } +.w-screen { width: 100vw; } +.h-screen { height: 100vh; } .min-h-full { min-height: 100%; } .min-h-0 { min-height: 0; } +.shrink-0 { flex-shrink: 0; } +.mt-auto { margin-top: auto; } .overflow-hidden { overflow: hidden; } .overflow-y-auto { overflow-y: auto; } .overflow-x-auto { overflow-x: auto; }