minor changes

pull/23/head
Alireza Hassani 4 years ago
parent a3a9f82cea
commit 9383df2f36

@ -1,8 +1,8 @@
<template> <template>
<div class="WM-Info-Block" :class='direction'> <div class="WM-Info-Block" :class='direction'>
<div class="Label"><v-icon>WMi-{{icon}}</v-icon> {{label}} </div> <div v-if="label" class="Label"><v-icon>WMi-{{icon}}</v-icon> {{label}} </div>
<div class="Values pt-1" > <div class="Values pt-1" >
<v-chip v-if="values.length > 0" v-for="(value, index) in values" :key="index" color="grey lighten-3 ml-1"> {{ value }} </v-chip> <v-chip v-if="values.length > 0" small label v-for="(value, index) in values" :key="index" color="grey lighten-3 ml-1"> {{ value }} </v-chip>
<v-chip outlined color="red" icon="WMi-cancel" v-if="values.length == 0"> <v-chip outlined color="red" icon="WMi-cancel" v-if="values.length == 0">
<v-icon> WMi-cancel </v-icon> آیتمی مشخص شده نشده است <v-icon> WMi-cancel </v-icon> آیتمی مشخص شده نشده است
</v-chip> </v-chip>
@ -17,7 +17,7 @@
export default { export default {
props: { props: {
icon: { default: 'check' }, icon: { default: 'check' },
label: { default: " عنوان " }, label: String,
values: { }, values: { },
direction: { default: '' }, direction: { default: '' },
}, },
@ -27,7 +27,6 @@ export default {
.WM-Info-Block { .WM-Info-Block {
text-align: right; text-align: right;
padding: 5px 10px 10px 10px; padding: 5px 10px 10px 10px;
margin-bottom: 10px;
border-right: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;
} }
.WM-Info-Block.LTR { .WM-Info-Block.LTR {

@ -44,7 +44,7 @@
position: relative; position: relative;
} }
.name-block .En.number { .name-block .En.number {
font-size: 55px; font-size: 45px;
line-height: 55px; line-height: 55px;
margin-left: 10px; margin-left: 10px;
min-width: 30px; min-width: 30px;

@ -402,6 +402,9 @@ $Value in $colors {
.mt--2 { .mt--2 {
margin-top: -2px; margin-top: -2px;
} }
.mt--8 {
margin-top: -8px;
}
/* -------------------------------------------------------- /* --------------------------------------------------------
masonry :: End masonry :: End
@ -693,7 +696,7 @@ $value in $colors {
font-size: 16px; font-size: 16px;
} }
.row.cols-justified-right .col { .row.cols-justified-right .col:not([class^="flex-justified"]) {
display: flex; display: flex;
justify-content: right; justify-content: right;
align-items: center; align-items: center;
@ -702,6 +705,10 @@ $value in $colors {
padding-bottom: 0px; padding-bottom: 0px;
padding-top: 0px; padding-top: 0px;
} }
.row.cols-pt-pb-1 .col {
padding-bottom: 2px;
padding-top: 2px;
}
/*---------------------------------------------------------------*/ /*---------------------------------------------------------------*/

@ -649,3 +649,12 @@ $Value in $Shadows {
.v-input--switch.small .v-messages { .v-input--switch.small .v-messages {
min-height: 0px; min-height: 0px;
} }
//------------------------------------------------------
// Tree Select
//------------------------------------------------------
.vue-treeselect__placeholder, .vue-treeselect__single-value {
font-size: 14px;
color: rgba(0,0,0,.6);
}

Loading…
Cancel
Save