jean/airsonic-refix
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix modal close button style

Browse Source
This commit is contained in:
Thomas Amland 2021-03-28 13:09:43 +02:00
parent 4e8cd1f2e8
commit 38a2fbf791
3 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/playlist/PlaylistNav.vue
View File

@ -24,6 +24,9 @@
</router-link> </router-link>
<b-modal v-model="showModal" title="New playlist"> <b-modal v-model="showModal" title="New playlist">
<template #modal-header-close>
<Icon icon="x" />
</template>
<b-form-group label="Name"> <b-form-group label="Name">
<b-form-input v-model="playlistName" type="text" /> <b-form-input v-model="playlistName" type="text" />
</b-form-group> </b-form-group>

3
src/shared/components/EditModal.vue
View File

@ -1,5 +1,8 @@
<template> <template>
<b-modal ok-title="Save" :visible="visible" @ok="confirm" @change="change"> <b-modal ok-title="Save" :visible="visible" @ok="confirm" @change="change">
<template #modal-header-close>
<Icon icon="x" />
</template>
<template #modal-title> <template #modal-title>
<slot name="title" :item="copy"> <slot name="title" :item="copy">
{{ title }} {{ title }}

5
src/style/main.scss
View File

@ -74,3 +74,8 @@ $enable-responsive-font-sizes: true;
@import '~bootstrap'; @import '~bootstrap';
@import '~bootstrap-vue'; @import '~bootstrap-vue';
.modal-header .close {
color: $theme-text;
opacity: 1;
}