tethys.backend/resources/js/Components/IconRounded.vue
Arno Kaimbacher a29865b781
Some checks failed
CI Pipeline / japa-tests (push) Failing after 58s
- renamings to the new naming convetion for adonisjs version 6
- npm updates
2024-04-29 11:25:50 +02:00

36 lines
658 B
Vue

<script setup>
import { colorsText, colorsBgLight } from '@/colors';
import BaseIcon from '@/Components/BaseIcon.vue';
defineProps({
icon: {
type: String,
required: true,
},
type: {
type: String,
default: null,
},
w: {
type: String,
default: 'w-12',
},
h: {
type: String,
default: 'h-12',
},
bg: Boolean,
});
</script>
<template>
<BaseIcon
:path="icon"
:w="w"
:h="h"
size="24"
class="rounded-full"
:class="bg ? colorsBgLight[type] : [colorsText[type], 'bg-gray-50 dark:bg-slate-800']"
/>
</template>