fix(fe): stretch QueryStateBoundary and BatchOperationsPageV2 to display grid seamlessly
This commit is contained in:
@@ -20,7 +20,7 @@ const props = defineProps<{
|
||||
const emit = defineEmits<{ retry: [] }>()
|
||||
</script>
|
||||
<template>
|
||||
<section :aria-busy="props.loading || props.processing">
|
||||
<section class="ks-query-boundary" :aria-busy="props.loading || props.processing">
|
||||
<KsInlineMessage v-if="props.loading" severity="info" message="불러오는 중입니다." />
|
||||
<KsInlineMessage v-else-if="props.unauthorized" severity="warning" title="로그인 필요" message="로그인 후 다시 시도하세요." />
|
||||
<KsInlineMessage v-else-if="props.forbidden" severity="danger" title="권한 없음" message="이 작업을 수행할 권한이 없습니다." />
|
||||
@@ -43,4 +43,7 @@ const emit = defineEmits<{ retry: [] }>()
|
||||
<small v-if="props.staleAt">데이터 기준시각: {{ props.staleAt }}</small>
|
||||
</section>
|
||||
</template>
|
||||
<style scoped>.ks-state-error{display:grid;gap:var(--ks-space-2);justify-items:start}</style>
|
||||
<style scoped>
|
||||
.ks-query-boundary { display: flex; flex-direction: column; flex: 1; min-height: 0; height: 100%; }
|
||||
.ks-state-error { display: grid; gap: var(--ks-space-2); justify-items: start; }
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user