From 2a75df7c5fb7577b37e327a9e84a47da8be5a23d Mon Sep 17 00:00:00 2001
From: kjh2064 <kjh2064@gmail.com>
Date: Sat, 15 Aug 2026 21:18:26 +0900
Subject: [PATCH] style(fe): enforce viewport-fit zero-scroll layout for all
 non-dashboard workstation screens

---
 frontend/src/shared/shell/KsAppShell.vue                 | 2 +-
 frontend/src/shared/ui/DataGridShell.vue                 | 2 +-
 frontend/src/shared/ui/layouts/ReviewWorkbenchLayout.vue | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/shared/shell/KsAppShell.vue b/frontend/src/shared/shell/KsAppShell.vue
index e7edc080..156bb702 100644
--- a/frontend/src/shared/shell/KsAppShell.vue
+++ b/frontend/src/shared/shell/KsAppShell.vue
@@ -124,7 +124,7 @@ onMounted(() => {
   flex: 1;
   overflow-y: auto;
   overflow-x: hidden;
-  padding: var(--spacing-6);
+  padding: var(--ks-space-3);
   max-width: 100%;
   scroll-behavior: smooth;
 }
diff --git a/frontend/src/shared/ui/DataGridShell.vue b/frontend/src/shared/ui/DataGridShell.vue
index 81414736..47400861 100644
--- a/frontend/src/shared/ui/DataGridShell.vue
+++ b/frontend/src/shared/ui/DataGridShell.vue
@@ -18,7 +18,7 @@ const emit = defineEmits<{ pageChange: [value: { page: number; pageSize: number
   <section aria-label="데이터 표" :aria-busy="loading">
     <p v-if="loading">데이터를 불러오는 중입니다.</p>
     <p v-else-if="rows.length === 0">{{ emptyMessage }}</p>
-    <KsDataGrid v-else :rows="rows" :columns="columns" height="30rem" />
+    <KsDataGrid v-else :rows="rows" :columns="columns" height="calc(100vh - 230px)" />
     <KsPaginator
       v-if="props.page !== undefined && props.pageSize !== undefined && props.total !== undefined"
       :page="props.page"
diff --git a/frontend/src/shared/ui/layouts/ReviewWorkbenchLayout.vue b/frontend/src/shared/ui/layouts/ReviewWorkbenchLayout.vue
index 046e280e..2b370806 100644
--- a/frontend/src/shared/ui/layouts/ReviewWorkbenchLayout.vue
+++ b/frontend/src/shared/ui/layouts/ReviewWorkbenchLayout.vue
@@ -7,6 +7,6 @@
 </template>
 <style scoped>
 .ks-review-workbench { display: grid; grid-template-columns: minmax(18rem, 28rem) minmax(24rem, 1fr) minmax(18rem, 24rem); gap: var(--ks-space-3); align-items: start; }
-.ks-review-workbench > * { min-height: 30rem; padding: var(--ks-space-4); }
+.ks-review-workbench > * { height: calc(100vh - 220px); max-height: calc(100vh - 220px); padding: var(--ks-space-3); overflow-y: auto; }
 @media (max-width: 1200px) { .ks-review-workbench { grid-template-columns: 1fr; } }
 </style>