|
|
@ -1,10 +1,10 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div class="info-box" :class="theme">
|
|
|
|
<div class="info-box" :class="theme">
|
|
|
|
<div v-if="title_en" class="title-en En Bold"> {{ title_en }}</div>
|
|
|
|
<div v-if="title_en" class="title-en En Bold"> {{ title_en }}</div>
|
|
|
|
<div v-if="icon" :class="'icon'"> <v-icon :color="textColor"> WMi-{{icon}} </v-icon></div>
|
|
|
|
<div v-if="icon" :class="'icon'"> <v-icon> WMi-{{icon}} </v-icon></div>
|
|
|
|
<div :class="'texts'">
|
|
|
|
<div :class="'texts'">
|
|
|
|
<div :class="`title Fa Bold ${textColor}--text`" v-if="title != ''"> {{ title }} </div>
|
|
|
|
<div :class="`title Fa Bold`" v-if="title != ''"> {{ title }} </div>
|
|
|
|
<div :class="`desc Fa Thin ${textColor}--text`">
|
|
|
|
<div :class="`desc Fa Thin`">
|
|
|
|
<slot name="text"></slot>
|
|
|
|
<slot name="text"></slot>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -124,11 +124,11 @@ export default {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ---------------------------------Modifications--------------------------------- */
|
|
|
|
/* ---------------------------------Modifications--------------------------------- */
|
|
|
|
.info-box .texts, .info-box .icon i {
|
|
|
|
.info-box.light .texts, .info-box.light .icon i, .info-box.light .text {
|
|
|
|
color: #fff;
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.info-box.LightGray .texts, .info-box.LightGray .icon i {
|
|
|
|
.info-box.grey.lighten-3 .texts, .info-box.grey.lighten-3 .icon i, .info-box.grey.lighten-3 .text {
|
|
|
|
color: #000;
|
|
|
|
color: #000;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|