You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
willaengine/resources/js/Global/components/Inputs/InputBlock.vue

39 lines
962 B

5 years ago
<template>
<div class="we-input-block" :class='direction'>
<v-text-field
:label="label"
:prepend-icon="`WMi-${icon}`"
color="cyan"
name="name"
class="pt-0"
/>
</div>
</template>
<script>
export default {
props: {
icon: { default: 'check' },
label: { default: " عنوان " },
value: { default: "" },
direction: { default: '' },
valueClass: { default: '' },
},
};
</script>
<style lang="scss" scoped>
.we-input-block {
text-align: right;
padding: 5px 10px 10px 10px;
margin: 0px 2px 10px;
border-right: 1px solid #dcdcdc;
}
.WM-Info-Block.LTR {
text-align: left;
direction: ltr;
font-family: "BYekan-Edited",'Montserrat-Regular' !important;
border-right: 0px;
border-left: 1px solid #dcdcdc;
}
</style>