From 4d45d8c7f031964c23d901ac1e30744dcf63475b Mon Sep 17 00:00:00 2001
From: kjh2064 <kjh2064@gmail.com>
Date: Sun, 16 Aug 2026 00:04:56 +0900
Subject: [PATCH] fix(fe): add height propagation to FormPageLayout -
 standardize form pages

- Add flex: 1; min-height: 0; height: 100% to .ks-form-layout
- Add overflow-y: auto; min-height: 0 to form/preview panes
- Ensures single-screen principle for form-based pages
- Affects: MarketDataIngestion, EditFormPage, and similar layouts
---
 frontend/src/shared/ui/layouts/FormPageLayout.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/shared/ui/layouts/FormPageLayout.vue b/frontend/src/shared/ui/layouts/FormPageLayout.vue
index c239d854..e2a31e63 100644
--- a/frontend/src/shared/ui/layouts/FormPageLayout.vue
+++ b/frontend/src/shared/ui/layouts/FormPageLayout.vue
@@ -5,4 +5,4 @@
   </div>
 </template>
 <script setup lang="ts">defineEmits<{ submit: [] }>()</script>
-<style scoped>.ks-form-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, 26rem); gap: var(--ks-space-4); align-items: start; } .ks-form-layout__form,.ks-form-layout__preview { padding: var(--ks-space-4); } @media (max-width: 950px) { .ks-form-layout { grid-template-columns: 1fr; } }</style>
+<style scoped>.ks-form-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, 26rem); gap: var(--ks-space-4); align-items: start; flex: 1; min-height: 0; height: 100%; } .ks-form-layout__form,.ks-form-layout__preview { padding: var(--ks-space-4); overflow-y: auto; min-height: 0; } @media (max-width: 950px) { .ks-form-layout { grid-template-columns: 1fr; } }</style>