36 lines
701 B
Vue
36 lines
701 B
Vue
<script setup lang="ts">
|
|
</script>
|
|
|
|
<template>
|
|
<div class="ml-auto mr-auto mt-2 mb-2 p-2 rounded-xl bg-slate-100 sm:max-w-[85%] max-w-[95%] overflow-x-auto slot">
|
|
<slot />
|
|
</div>
|
|
<div class="ml-auto mr-auto mt-2 w-fit max-w-[80%] slot-desc">
|
|
<slot name="description" />
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="css" scoped>
|
|
.slot :deep(table) {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
font-size: 18px;
|
|
}
|
|
.slot :deep(th),
|
|
.slot :deep(td) {
|
|
border: 1px solid #cbd5e1;
|
|
padding: 8px 12px;
|
|
text-align: left;
|
|
}
|
|
.slot :deep(th) {
|
|
background-color: #e2e8f0;
|
|
font-weight: 600;
|
|
}
|
|
.slot :deep(tr:nth-child(even) td) {
|
|
background-color: #ffffff;
|
|
}
|
|
.slot-desc > * {
|
|
font-size: 16px;
|
|
}
|
|
</style>
|