refactor base modal styles

This commit is contained in:
Jay_Makwana
2019-11-15 19:42:16 +05:30
parent 9707b6b3a2
commit 1567d9fd37
8 changed files with 47 additions and 8 deletions

View File

@ -20,7 +20,7 @@
@blur="handleFocusOut"
>
<div v-if="showPassword && isAlignLeftIcon" style="cursor: pointer" @click="showPass = !showPass" >
<font-awesome-icon :icon="!showPass ?'eye-slash': 'eye'" class="right-icon" />
<font-awesome-icon :icon="!showPass ?'eye': 'eye-slash'" class="right-icon" />
</div>
<font-awesome-icon v-if="icon && !isAlignLeftIcon" :icon="icon" class="right-icon" />
</div>

View File

@ -2,8 +2,8 @@
<transition name="fade">
<div v-if="modalActive" :class="'size-' + modalSize" class="base-modal">
<div class="modal-body">
<div class="close-icon">
<font-awesome-icon class="mr-2" icon="times" @click="closeModal"/>
<div class="close-icon" @click="closeModal">
<font-awesome-icon icon="times" />
</div>
<div class="modal-header p-3">
<h5 class="modal-heading">{{ modalTitle }}</h5>