If applied, replaces hardcoded css values with variables

This commit is contained in:
Fayaz Ahmed 2021-10-22 15:26:47 +05:30 committed by Tejaswini
parent 4fb6e54df9
commit 0fa24d344b
2 changed files with 6 additions and 5 deletions

View file

@ -3,7 +3,7 @@
<div class="column">
<woot-modal-header header-title="Filter Conversations">
<p>
Add filters below and hit "Submit" to filter conversations.
{{ $t('FILTER.SUBTITLE') }}
</p>
</woot-modal-header>
<div class="row modal-content">
@ -27,7 +27,7 @@
<div class="filter-actions">
<button class="append-filter-btn" @click="appendNewFilter">
<i class="icon ion-plus-circled margin-right-small" />
<span>Add Filter</span>
<span>{{ $t('FILTER.ADD_NEW_FILTER') }}</span>
</button>
</div>
<div class="modal-footer justify-content-end">

View file

@ -176,11 +176,12 @@ export default {
};
</script>
<style scoped>
<style scoped lang="scss">
@import '~widget/assets/scss/variables.scss';
.multiselect {
margin-bottom: 0 !important;
margin-bottom: $zero !important;
}
.filter-error {
color: tomato;
color: $color-error;
}
</style>