mirror of
https://iceshrimp.dev/Crimekillz/jointrashposs.git
synced 2024-11-22 17:03:50 +01:00
25 lines
690 B
Vue
25 lines
690 B
Vue
<template>
|
|
<div class="root bg-yellow-100 dark:bg-yellow-900 dark:bg-opacity-25 border border-yellow-200 dark:border-yellow-500 rounded-lg px-4 py-3 mb-4">
|
|
<div class="mb-1.5 text-sm font-sans text-orange-600 dark:text-yellow-300">
|
|
<WarnIco class="mr-1" />{{ realLabel }}
|
|
</div>
|
|
<slot></slot>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import WarnIco from 'bi/exclamation-triangle.svg';
|
|
const { t } = useI18n();
|
|
|
|
const props = defineProps<{
|
|
label?: string;
|
|
}>();
|
|
|
|
const realLabel = computed(() => props.label ? props.label : t('_content.warning'));
|
|
</script>
|
|
|
|
<style scoped>
|
|
.root > ::v-deep(*:last-child) {
|
|
margin-bottom: 0;
|
|
}
|
|
</style> |