improve minor style

This commit is contained in:
LouisLam 2021-10-07 16:10:21 +08:00
parent a6c839709c
commit ed67803af8
2 changed files with 14 additions and 14 deletions

View file

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<h4 class="mb-3">{{ $t("Tags") }}</h4> <h4 class="mt-5 mb-3">{{ $t("Tags") }}</h4>
<div class="mb-3 p-1"> <div v-if="selectedTags.length > 0" class="mb-2 p-1">
<tag <tag
v-for="item in selectedTags" v-for="item in selectedTags"
:key="item.id" :key="item.id"
@ -124,8 +124,8 @@
import { Modal } from "bootstrap"; import { Modal } from "bootstrap";
import VueMultiselect from "vue-multiselect"; import VueMultiselect from "vue-multiselect";
import Tag from "../components/Tag.vue"; import Tag from "../components/Tag.vue";
import { useToast } from "vue-toastification" import { useToast } from "vue-toastification";
const toast = useToast() const toast = useToast();
export default { export default {
components: { components: {
@ -186,7 +186,7 @@ export default {
color: "#7C3AED" }, color: "#7C3AED" },
{ name: this.$t("Pink"), { name: this.$t("Pink"),
color: "#DB2777" }, color: "#DB2777" },
] ];
}, },
validateDraftTag() { validateDraftTag() {
let nameInvalid = false; let nameInvalid = false;
@ -227,7 +227,7 @@ export default {
invalid, invalid,
nameInvalid, nameInvalid,
valueInvalid, valueInvalid,
} };
}, },
}, },
mounted() { mounted() {
@ -243,7 +243,7 @@ export default {
if (res.ok) { if (res.ok) {
this.existingTags = res.tags; this.existingTags = res.tags;
} else { } else {
toast.error(res.msg) toast.error(res.msg);
} }
}); });
}, },
@ -277,7 +277,7 @@ export default {
name: this.newDraftTag.select.name, name: this.newDraftTag.select.name,
value: this.newDraftTag.value, value: this.newDraftTag.value,
new: true, new: true,
}) });
} }
} else { } else {
// Add new Tag // Add new Tag
@ -286,7 +286,7 @@ export default {
name: this.newDraftTag.name.trim(), name: this.newDraftTag.name.trim(),
value: this.newDraftTag.value, value: this.newDraftTag.value,
new: true, new: true,
}) });
} }
this.clearDraftTag(); this.clearDraftTag();
}, },
@ -348,7 +348,7 @@ export default {
if (tag.name == newTag.name && tag.color == newTag.color) { if (tag.name == newTag.name && tag.color == newTag.color) {
tag.id = newTagResult.id; tag.id = newTagResult.id;
} }
}) });
} else { } else {
tagId = newTag.id; tagId = newTag.id;
} }

View file

@ -196,9 +196,9 @@
<h2 class="mt-5 mb-2">{{ $t("Advanced") }}</h2> <h2 class="mt-5 mb-2">{{ $t("Advanced") }}</h2>
<div class="mb-3"> <div class="mb-3">
<button v-if="settings.disableAuth" class="btn btn-outline-primary me-1 mb-1" @click="enableAuth">{{ $t("Enable Auth") }}</button> <button v-if="settings.disableAuth" class="btn btn-outline-primary me-2 mb-2" @click="enableAuth">{{ $t("Enable Auth") }}</button>
<button v-if="! settings.disableAuth" class="btn btn-primary me-1 mb-1" @click="confirmDisableAuth">{{ $t("Disable Auth") }}</button> <button v-if="! settings.disableAuth" class="btn btn-primary me-2 mb-2" @click="confirmDisableAuth">{{ $t("Disable Auth") }}</button>
<button v-if="! settings.disableAuth" class="btn btn-danger me-1 mb-1" @click="$root.logout">{{ $t("Logout") }}</button> <button v-if="! settings.disableAuth" class="btn btn-danger me-2 mb-2" @click="$root.logout">{{ $t("Logout") }}</button>
<button class="btn btn-outline-danger me-1 mb-1" @click="confirmClearStatistics">{{ $t("Clear all statistics") }}</button> <button class="btn btn-outline-danger me-1 mb-1" @click="confirmClearStatistics">{{ $t("Clear all statistics") }}</button>
</div> </div>
</template> </template>
@ -400,7 +400,7 @@ export default {
"$i18n.locale"() { "$i18n.locale"() {
localStorage.locale = this.$i18n.locale; localStorage.locale = this.$i18n.locale;
setPageLocale() setPageLocale();
}, },
}, },