fix(fe): eliminate duplicate wrappers and enforce exact viewport-fit grid height in ShadowRunQueue

This commit is contained in:
2026-08-15 21:20:26 +09:00
parent 0d80575e75
commit 4780093f11
2 changed files with 11 additions and 14 deletions
@@ -135,16 +135,12 @@ const handleRetry = () => {
</template>
<!-- Default Slot: Standardized Grid -->
<div class="content">
<div class="job-list-container">
<h2>Shadow Run Jobs ({{ filteredJobs.length }})</h2>
<DataGridShell
:rows="filteredJobs"
:columns="shadowRunColumns"
empty-message="검색 조건에 맞는 배치 작업이 없습니다."
/>
</div>
</div>
<DataGridShell
:rows="filteredJobs"
:columns="shadowRunColumns"
height="calc(100vh - 210px)"
empty-message="검색 조건에 맞는 배치 작업이 없습니다."
/>
</BatchOperationsPageV2>
</template>
@@ -225,8 +221,8 @@ h1 {
.filters {
display: grid;
grid-template-columns: 1fr 150px;
gap: var(--spacing-4);
margin-bottom: var(--spacing-5);
gap: var(--ks-space-2);
margin-bottom: 0;
}
.input {
+3 -2
View File
@@ -7,10 +7,11 @@ const props = withDefaults(defineProps<{
columns: UiGridColumn[]
loading?: boolean
emptyMessage?: string
height?: string
page?: number
pageSize?: number
total?: number
}>(), { loading: false, emptyMessage: '표시할 데이터가 없습니다.' })
}>(), { loading: false, emptyMessage: '표시할 데이터가 없습니다.', height: 'calc(100vh - 230px)' })
const emit = defineEmits<{ pageChange: [value: { page: number; pageSize: number }] }>()
</script>
@@ -18,7 +19,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="calc(100vh - 230px)" />
<KsDataGrid v-else :rows="rows" :columns="columns" :height="props.height" />
<KsPaginator
v-if="props.page !== undefined && props.pageSize !== undefined && props.total !== undefined"
:page="props.page"