fix(fe): eliminate duplicate wrappers and enforce exact viewport-fit grid height in ShadowRunQueue
This commit is contained in:
@@ -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 {
|
||||
|
||||
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user