tethys.backend/resources/js/Components/IconRounded.vue
Arno Kaimbacher a7142f694f
All checks were successful
CI Pipeline / japa-tests (push) Successful in 51s
- prettier formatting
- npm updates
- new SearchMap.vue component
2023-10-31 15:38:43 +01:00

36 lines
661 B
Vue

<script setup>
import { colorsText, colorsBgLight } from '@/colors.js';
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>