Justin Visser
ae2ca8f149
- complete tokenized theme preset system and admin style guide visibility - refine dashboard layout/scroll behavior and shared async/request UI states - add user nav-visibility settings across API, migration, and frontend stores - harden security headers/CSP handling and related test coverage - enforce CI repository hygiene + frontend contract/theme/build quality gates - update docs/env references and make migration smoke test head-aware
31 lines
757 B
Vue
31 lines
757 B
Vue
<script setup lang="ts">
|
|
defineProps<{
|
|
label?: string;
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="max-w-full overflow-x-auto rounded-xl border border-stroke-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-focus-offset"
|
|
tabindex="0"
|
|
>
|
|
<table class="min-w-full border-collapse bg-surface-table text-sm" :aria-label="label || 'Data table'">
|
|
<slot />
|
|
</table>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
:deep(th),
|
|
:deep(td) {
|
|
@apply border-b border-stroke-default px-3 py-2 text-left align-top;
|
|
}
|
|
|
|
:deep(th) {
|
|
@apply sticky top-0 z-10 bg-surface-table-header font-semibold text-ink-primary;
|
|
}
|
|
|
|
:deep(td) {
|
|
@apply text-ink-secondary;
|
|
}
|
|
</style>
|