2022-01-08 20:49:21 +08:00
|
|
|
<template>
|
|
|
|
|
<div
|
2022-04-27 16:39:20 +08:00
|
|
|
class="dark:(bg-[#18181c] text-white text-opacity-82) transition-all duration-300 ease-in-out"
|
|
|
|
|
:class="inverted ? 'bg-[#001428] text-white' : 'bg-white text-[#333639]'"
|
2022-01-08 20:49:21 +08:00
|
|
|
>
|
|
|
|
|
<slot></slot>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
2022-04-27 16:39:20 +08:00
|
|
|
<script setup lang="ts">
|
|
|
|
|
interface Props {
|
|
|
|
|
inverted?: boolean;
|
|
|
|
|
}
|
|
|
|
|
withDefaults(defineProps<Props>(), {
|
|
|
|
|
inverted: false
|
|
|
|
|
});
|
|
|
|
|
</script>
|
2022-01-08 20:49:21 +08:00
|
|
|
<style scoped></style>
|
