style(fe): enforce viewport-fit zero-scroll layout for all non-dashboard workstation screens
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user