Set border width for small box size
This commit is contained in:
parent
20fa2cc2b8
commit
efb6db8b0b
|
@ -6,7 +6,7 @@
|
||||||
v-text="step"
|
v-text="step"
|
||||||
v-if="step"
|
v-if="step"
|
||||||
></div>
|
></div>
|
||||||
<div class="flex flex-row items-center border-2 rounded form-group shadow-sm group" :class="[colors[type].container, type, sizes[size].container]">
|
<div class="flex flex-row items-center rounded form-group shadow-sm group" :class="[colors[type].container, type, sizes[size].container]">
|
||||||
<div class="flex-grow text-sm" :class="colors[type].text">
|
<div class="flex-grow text-sm" :class="colors[type].text">
|
||||||
<slot />
|
<slot />
|
||||||
</div>
|
</div>
|
||||||
|
@ -37,10 +37,10 @@ const colors = ref({
|
||||||
|
|
||||||
const sizes = ref({
|
const sizes = ref({
|
||||||
default: {
|
default: {
|
||||||
container: 'p-4',
|
container: 'p-4 border-2',
|
||||||
},
|
},
|
||||||
sm: {
|
sm: {
|
||||||
container: 'p-2',
|
container: 'p-2 border',
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue