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