MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-21 15:53:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

replace some el-input with InputGroup

Browse Source
This commit is contained in:
pa
2026-01-11 23:00:47 +09:00
committed by Natsumi
parent 3ed266089a
commit a3212da97b
20 changed files with 381 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/dialogs/UserDialog/BioDialog.vue
View File

@@ -6,16 +6,13 @@
width="600px"
append-to-body>
<div v-loading="bioDialog.loading">
<el-input
<InputGroupCharCount
v-model="bioDialog.bio"
type="textarea"
size="small"
maxlength="512"
show-word-limit
:autosize="{ minRows: 5, maxRows: 20 }"
:maxlength="512"
multiline
rows="5"
:placeholder="t('dialog.bio.bio_placeholder')"
style="margin-bottom: 10px">
</el-input>
class="mb-2.5" />
<el-input
v-for="(link, index) in bioDialog.bioLinks"
@@ -48,6 +45,7 @@
<script setup>
import { Delete } from '@element-plus/icons-vue';
import { InputGroupCharCount } from '@/components/ui/input-group';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';

15
src/components/dialogs/UserDialog/EditNoteAndMemoDialog.vue
View File

@@ -11,17 +11,13 @@
<template v-if="!hideUserNotes || (hideUserNotes && hideUserMemos)">
<span class="name">{{ t('dialog.user.info.note') }}</span>
<br />
<el-input
<InputGroupCharCount
v-model="note"
class="extra"
type="textarea"
maxlength="256"
show-word-limit
:rows="6"
:autosize="{ minRows: 2, maxRows: 20 }"
:maxlength="256"
multiline
rows="6"
:placeholder="t('dialog.user.info.note_placeholder')"
size="small"
resize="none"></el-input>
input-class="extra resize-none" />
</template>
<template v-if="!hideUserMemos || (hideUserNotes && hideUserMemos)">
<span class="name">{{ t('dialog.user.info.memo') }}</span>
@@ -47,6 +43,7 @@
<script setup>
import { ref, watch } from 'vue';
import { InputGroupCharCount } from '@/components/ui/input-group';
import { storeToRefs } from 'pinia';
import { useI18n } from 'vue-i18n';

14
src/components/dialogs/UserDialog/PronounsDialog.vue
View File

@@ -6,15 +6,12 @@
width="600px"
append-to-body>
<div v-loading="pronounsDialog.loading">
<el-input
type="textarea"
<InputGroupCharCount
v-model="pronounsDialog.pronouns"
size="small"
maxlength="32"
show-word-limit
:autosize="{ minRows: 2, maxRows: 5 }"
:placeholder="t('dialog.pronouns.pronouns_placeholder')">
</el-input>
:maxlength="32"
multiline
rows="2"
:placeholder="t('dialog.pronouns.pronouns_placeholder')" />
</div>
<template #footer>
<el-button type="primary" :disabled="pronounsDialog.loading" @click="savePronouns">
@@ -25,6 +22,7 @@
</template>
<script setup>
import { InputGroupCharCount } from '@/components/ui/input-group';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';

8
src/components/dialogs/UserDialog/SocialStatusDialog.vue
View File

@@ -41,13 +41,12 @@
</SelectContent>
</Select>
<el-input
<InputGroupCharCount
v-model="socialStatusDialog.statusDescription"
:placeholder="t('dialog.social_status.status_placeholder')"
maxlength="32"
show-word-limit
:maxlength="32"
clearable
style="margin-top: 10px"></el-input>
class="mt-2.5" />
<Collapsible v-model:open="isOpen" class="mt-3 flex w-full flex-col gap-2">
<div class="flex items-center justify-between gap-4 px-4">
<h4 class="text-sm font-semibold">{{ t('dialog.social_status.history') }}</h4>
@@ -90,6 +89,7 @@
import { computed, ref } from 'vue';
import { Button } from '@/components/ui/button';
import { ChevronsUpDown } from 'lucide-vue-next';
import { InputGroupCharCount } from '@/components/ui/input-group';
import { storeToRefs } from 'pinia';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';