Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2024-12-18 15:23:14 +00:00
Code Issues Projects Releases Packages Wiki Activity

More modal header updtes

Browse source
This commit is contained in:
Gamebrary 2020-10-13 17:36:41 -07:00
parent 858e4012f4
commit f3e57015d6
2 changed files with 33 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/components/Board/AddList.vue
View file

@ -3,10 +3,11 @@
v-b-modal="modalId" v-b-modal="modalId"
:title="$t('board.addList.title')" :title="$t('board.addList.title')"
size="sm" size="sm"
variant="light"
v-b-tooltip.hover.left v-b-tooltip.hover.left
ref="addList" ref="addList"
> >
<icon name="plus" white /> <icon name="plus" />
<b-modal <b-modal
:id="modalId" :id="modalId"
@ -19,6 +20,21 @@
:footer-text-variant="nightMode ? 'white' : null" :footer-text-variant="nightMode ? 'white' : null"
@show="reset" @show="reset"
> >
<template v-slot:modal-header="{ close }">
<modal-header
:title="$t('board.addList.title')"
header-class="border-0"
>
<b-button
variant="light"
size="sm"
@click="close"
>
<icon name="x" />
</b-button>
</modal-header>
</template>
<form ref="addListForm" @submit.stop.prevent="submit"> <form ref="addListForm" @submit.stop.prevent="submit">
<b-form-input <b-form-input
autofocus autofocus

16
src/components/Settings/BoardSettings.vue
View file

@ -4,6 +4,7 @@
v-b-tooltip.hover.left v-b-tooltip.hover.left
title="Board settings" title="Board settings"
class="mt-3" class="mt-3"
variant="primary"
size="sm" size="sm"
ref="addList" ref="addList"
> >
@ -22,6 +23,21 @@
@show="init" @show="init"
@hide="hide" @hide="hide"
> >
<template v-slot:modal-header="{ close }">
<modal-header
title="Board settings"
header-class="border-0"
>
<b-button
variant="light"
size="sm"
@click="close"
>
<icon name="x" />
</b-button>
</modal-header>
</template>
<form ref="boardSettingsForm" @submit.stop.prevent="submit"> <form ref="boardSettingsForm" @submit.stop.prevent="submit">
<b-form-group <b-form-group
label="Board name" label="Board name"