fix styles

This commit is contained in:
pa
2026-01-12 21:08:18 +09:00
committed by Natsumi
parent 065870a7f8
commit 82bd985142
14 changed files with 129 additions and 109 deletions

View File

@@ -67,7 +67,7 @@
</template>
<template #footer>
<Button variant="secondary" @click="closeSetAvatarStylesDialog">{{
<Button variant="secondary" class="mr-2" @click="closeSetAvatarStylesDialog">{{
t('dialog.set_avatar_styles.cancel')
}}</Button>
<Button @click="saveSetAvatarStylesDialog">

View File

@@ -90,7 +90,7 @@
</div>
</template>
<template #footer>
<Button variant="secondary" @click="closeSetAvatarTagsDialog">{{
<Button variant="secondary" class="mr-2" @click="closeSetAvatarTagsDialog">{{
t('dialog.set_avatar_tags.cancel')
}}</Button>
<Button @click="saveSetAvatarTagsDialog">{{ t('dialog.set_avatar_tags.save') }}</Button>

View File

@@ -199,7 +199,7 @@
{{ t('nav_menu.custom_nav.delete_folder') }}
</Button>
<div class="folder-editor__footer-spacer"></div>
<Button variant="secondary" @click="closeFolderEditor">
<Button variant="secondary" class="mr-2" @click="closeFolderEditor">
{{ t('nav_menu.custom_nav.cancel') }}
</Button>
<Button :disabled="folderEditorSaveDisabled" @click="handleFolderEditorSave">

View File

@@ -790,73 +790,85 @@
<br />
<span class="name">{{ t('dialog.group_member_moderation.actions') }}</span>
<br />
<Button
variant="outline"
:disabled="
Boolean(
!selectedRoles.length ||
progressCurrent ||
!hasGroupPermission(groupMemberModeration.groupRef, 'group-roles-assign')
)
"
@click="groupMembersAddRoles"
>{{ t('dialog.group_member_moderation.add_roles') }}</Button
>
<Button
variant="secondary"
:disabled="
Boolean(
!selectedRoles.length ||
progressCurrent ||
!hasGroupPermission(groupMemberModeration.groupRef, 'group-roles-assign')
)
"
@click="groupMembersRemoveRoles"
>{{ t('dialog.group_member_moderation.remove_roles') }}</Button
>
<Button
variant="outline"
:disabled="
Boolean(
progressCurrent || !hasGroupPermission(groupMemberModeration.groupRef, 'group-members-manage')
)
"
@click="groupMembersSaveNote"
>{{ t('dialog.group_member_moderation.save_note') }}</Button
>
<Button
variant="outline"
:disabled="
Boolean(
progressCurrent || !hasGroupPermission(groupMemberModeration.groupRef, 'group-members-remove')
)
"
@click="groupMembersKick"
>{{ t('dialog.group_member_moderation.kick') }}</Button
>
<Button
variant="outline"
:disabled="
Boolean(progressCurrent || !hasGroupPermission(groupMemberModeration.groupRef, 'group-bans-manage'))
"
@click="groupMembersBan"
>{{ t('dialog.group_member_moderation.ban') }}</Button
>
<Button
variant="outline"
:disabled="
Boolean(progressCurrent || !hasGroupPermission(groupMemberModeration.groupRef, 'group-bans-manage'))
"
@click="groupMembersUnban"
>{{ t('dialog.group_member_moderation.unban') }}</Button
>
<span v-if="progressCurrent" style="margin-top: 10px">
<el-icon class="is-loading" style="margin-left: 5px; margin-right: 5px"><Loading /></el-icon>
{{ t('dialog.group_member_moderation.progress') }} {{ progressCurrent }}/{{ progressTotal }}
</span>
<Button variant="secondary" v-if="progressCurrent" style="margin-left: 5px" @click="progressTotal = 0">{{
t('dialog.group_member_moderation.cancel')
}}</Button>
<div class="flex gap-2">
<Button
variant="outline"
:disabled="
Boolean(
!selectedRoles.length ||
progressCurrent ||
!hasGroupPermission(groupMemberModeration.groupRef, 'group-roles-assign')
)
"
@click="groupMembersAddRoles"
>{{ t('dialog.group_member_moderation.add_roles') }}</Button
>
<Button
variant="secondary"
:disabled="
Boolean(
!selectedRoles.length ||
progressCurrent ||
!hasGroupPermission(groupMemberModeration.groupRef, 'group-roles-assign')
)
"
@click="groupMembersRemoveRoles"
>{{ t('dialog.group_member_moderation.remove_roles') }}</Button
>
<Button
variant="outline"
:disabled="
Boolean(
progressCurrent ||
!hasGroupPermission(groupMemberModeration.groupRef, 'group-members-manage')
)
"
@click="groupMembersSaveNote"
>{{ t('dialog.group_member_moderation.save_note') }}</Button
>
<Button
variant="outline"
:disabled="
Boolean(
progressCurrent ||
!hasGroupPermission(groupMemberModeration.groupRef, 'group-members-remove')
)
"
@click="groupMembersKick"
>{{ t('dialog.group_member_moderation.kick') }}</Button
>
<Button
variant="outline"
:disabled="
Boolean(
progressCurrent || !hasGroupPermission(groupMemberModeration.groupRef, 'group-bans-manage')
)
"
@click="groupMembersBan"
>{{ t('dialog.group_member_moderation.ban') }}</Button
>
<Button
variant="outline"
:disabled="
Boolean(
progressCurrent || !hasGroupPermission(groupMemberModeration.groupRef, 'group-bans-manage')
)
"
@click="groupMembersUnban"
>{{ t('dialog.group_member_moderation.unban') }}</Button
>
<span v-if="progressCurrent" style="margin-top: 10px">
<el-icon class="is-loading" style="margin-left: 5px; margin-right: 5px"><Loading /></el-icon>
{{ t('dialog.group_member_moderation.progress') }} {{ progressCurrent }}/{{ progressTotal }}
</span>
<Button
variant="secondary"
v-if="progressCurrent"
style="margin-left: 5px"
@click="progressTotal = 0"
>{{ t('dialog.group_member_moderation.cancel') }}</Button
>
</div>
</div>
<group-member-moderation-export-dialog
v-model:isGroupLogsExportDialogVisible="isGroupLogsExportDialogVisible"

View File

@@ -89,15 +89,17 @@
</el-form>
</div>
<template #footer>
<Button variant="secondary" @click="groupPostEditDialog.visible = false">
{{ t('dialog.group_post_edit.cancel') }}
</Button>
<Button v-if="groupPostEditDialog.postId" @click="editGroupPost">
{{ t('dialog.group_post_edit.edit_post') }}
</Button>
<Button v-else @click="createGroupPost">
{{ t('dialog.group_post_edit.create_post') }}
</Button>
<div class="flex gap-2">
<Button variant="secondary" @click="groupPostEditDialog.visible = false">
{{ t('dialog.group_post_edit.cancel') }}
</Button>
<Button v-if="groupPostEditDialog.postId" @click="editGroupPost">
{{ t('dialog.group_post_edit.edit_post') }}
</Button>
<Button v-else @click="createGroupPost">
{{ t('dialog.group_post_edit.create_post') }}
</Button>
</div>
</template>
<GallerySelectDialog
:gallery-select-dialog="gallerySelectDialog"
@@ -107,9 +109,9 @@
</template>
<script setup>
import { InputGroupField, InputGroupTextareaField } from '@/components/ui/input-group';
import { computed, ref } from 'vue';
import { Button } from '@/components/ui/button';
import { InputGroupField, InputGroupTextareaField } from '@/components/ui/input-group';
import { Checkbox } from '@/components/ui/checkbox';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';

View File

@@ -18,7 +18,7 @@
v-for="(link, index) in bioDialog.bioLinks"
:key="index"
v-model="bioDialog.bioLinks[index]"
maxlength="64"
:maxlength="64"
show-count
size="sm"
style="margin-top: 5px">
@@ -26,7 +26,9 @@
<img :src="getFaviconUrl(link)" style="width: 16px; height: 16px; vertical-align: middle" />
</template>
<template #actions>
<Button variant="outline" @click="bioDialog.bioLinks.splice(index, 1)" />
<Button variant="ghost" size="icon-sm" @click="bioDialog.bioLinks.splice(index, 1)"
><Trash2 class="size-4"
/></Button>
</template>
</InputGroupAction>
@@ -49,8 +51,9 @@
</template>
<script setup>
import { Button } from '@/components/ui/button';
import { InputGroupAction, InputGroupTextareaField } from '@/components/ui/input-group';
import { Button } from '@/components/ui/button';
import { Trash2 } from 'lucide-vue-next';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';

View File

@@ -9,7 +9,7 @@
append-to-body
@close="cancel">
<template v-if="!hideUserNotes || (hideUserNotes && hideUserMemos)">
<span class="name">{{ t('dialog.user.info.note') }}</span>
<span class="name my-2">{{ t('dialog.user.info.note') }}</span>
<br />
<InputGroupTextareaField
v-model="note"
@@ -18,22 +18,22 @@
:rows="6"
:placeholder="t('dialog.user.info.note_placeholder')"
input-class="extra resize-none"
class="my-2"
show-count />
</template>
<template v-if="!hideUserMemos || (hideUserNotes && hideUserMemos)">
<span class="name">{{ t('dialog.user.info.memo') }}</span>
<br />
<InputGroupTextareaField
v-model="memo"
class="extra"
class="extra mt-2"
:rows="6"
:placeholder="t('dialog.user.info.memo_placeholder')"
input-class="resize-none min-h-0" />
</template>
<template #footer>
<div class="dialog-footer">
<Button variant="secondary" @click="cancel">Cancel</Button>
<Button @click="saveChanges"> Confirm </Button>
<Button variant="secondary" @click="cancel" class="mr-2">Cancel</Button>
<Button @click="saveChanges">Confirm</Button>
</div>
</template>
</el-dialog>

View File

@@ -89,7 +89,7 @@
<span>{{ t('dialog.new_instance.content_third_person') }}</span>
</label>
<template #footer>
<div style="display: flex">
<div class="flex gap-2">
<Button variant="secondary" @click="isVisible = false">
{{ t('dialog.set_world_tags.cancel') }}
</Button>
@@ -104,8 +104,8 @@
<script setup>
import { computed, ref, watch } from 'vue';
import { Button } from '@/components/ui/button';
import { InputGroupTextareaField } from '@/components/ui/input-group';
import { Checkbox } from '@/components/ui/checkbox';
import { InputGroupTextareaField } from '@/components/ui/input-group';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';

View File

@@ -13,7 +13,7 @@
size="sm"
style="margin-top: 5px">
<template #actions>
<Button variant="outline" @click="urlList.splice(index, 1)"></Button>
<Button variant="ghost" @click="urlList.splice(index, 1)"><Trash2 /></Button>
</template>
</InputGroupAction>
<Button size="sm" variant="outline" style="margin-top: 5px" @click="urlList.push('')">
@@ -32,6 +32,7 @@
import { computed, ref, watch } from 'vue';
import { Button } from '@/components/ui/button';
import { InputGroupAction } from '@/components/ui/input-group';
import { Trash2 } from 'lucide-vue-next';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';