mirror of
https://github.com/web3privacy/explorer-app.git
synced 2024-10-15 16:46:26 +02:00
37 lines
752 B
Vue
37 lines
752 B
Vue
<script setup lang="ts">
|
|
defineProps<{
|
|
border?: boolean
|
|
invertedColor?: boolean
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
flex
|
|
items-center
|
|
justify-center
|
|
gap-12px
|
|
px-12px
|
|
py-6px
|
|
cursor-pointer
|
|
:class="[border ? 'border-2px border-app-white' : 'border-0',
|
|
invertedColor ? 'bg-app-white text-app-black hover:text-app-white hover:bg-app-black' : 'text-app-white bg-app-black hover:text-app-black hover:bg-app-white',
|
|
]"
|
|
>
|
|
<template v-if="!!$slots.prefix">
|
|
<div text-24px>
|
|
<slot
|
|
v-if="!!$slots.prefix"
|
|
name="prefix"
|
|
/>
|
|
</div>
|
|
</template>
|
|
<div
|
|
text="14px"
|
|
leading-32px
|
|
font-700
|
|
>
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
</template>
|