Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2024-11-24 04:03:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

Improve list add

Browse source
This commit is contained in:
Roman Cervantes 2019-10-16 12:55:22 -07:00
parent 968dc0a4f8
commit d5ccfc4d91
1 changed files with 12 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
src/components/Lists/ListAdd.vue
View file

@ -1,5 +1,5 @@
<template lang="html">
<modal :title="title" ref="listAddModal" @open="open">
<modal confirm :title="title" ref="listAddModal" padded @open="open">
<button
class="small primary add-list-button"
:title="$t('list.add')"
@ -7,7 +7,7 @@
<i class="fas fa-plus" />
</button>
<form class="list-add" @submit.prevent="addList" slot="content">
<form @submit.prevent="addList" slot="content">
<input
v-model.trim="listName"
type="text"
@ -16,17 +16,15 @@
:placeholder="$t('list.placeholder')"
/>
<footer>
<button
class="primary"
type="submit"
:disabled="disabled"
>
{{ buttonLabel }}
</button>
<button
class="primary"
type="submit"
:disabled="disabled"
>
{{ buttonLabel }}
</button>
<small v-if="isDuplicate">{{ $t('list.duplicateWarning') }}</small>
</footer>
<small v-if="isDuplicate">{{ $t('list.duplicateWarning') }}</small>
</form>
</modal>
</template>
@ -122,19 +120,8 @@ export default {
margin-right: $gp;
}
.list-add {
padding: 0 $gp $gp;
margin-right: $gp;
}
small {
color: var(--note-color);
}
footer {
margin-top: $gp;
display: flex;
align-items: center;
justify-content: space-between;
color: var(--warning-color);
margin: 0 $gp;
}
</style>