feat: all around btn UI
This commit is contained in:
parent
f294a20161
commit
d270e04ce7
1 changed files with 18 additions and 0 deletions
18
src/components/AllAroundBtn.vue
Normal file
18
src/components/AllAroundBtn.vue
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
defineProps<{
|
||||||
|
label: string;
|
||||||
|
color?: string;
|
||||||
|
}>();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div
|
||||||
|
class="q-pl-md q-pr-sm row items-center justify-between rounded"
|
||||||
|
:style="`border:1px solid ${color};color:${color}`"
|
||||||
|
>
|
||||||
|
{{ $t(label) }}
|
||||||
|
<q-icon name="mdi-arrow-right" class="q-ml-md" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped></style>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue