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

replace some el-button

Browse Source
This commit is contained in:
pa
2026-01-12 18:10:14 +09:00
committed by Natsumi
parent f1874434de
commit 59700b90ab
29 changed files with 697 additions and 567 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -23,27 +23,29 @@
show-word-limit
style="margin-top: 5px">
<img :src="getFaviconUrl(link)" style="width: 16px; height: 16px; vertical-align: middle" />
<el-button :icon="Delete" @click="bioDialog.bioLinks.splice(index, 1)" />
<Button variant="outline" @click="bioDialog.bioLinks.splice(index, 1)" />
</el-input>
<el-button
<Button
variant="outline"
:disabled="bioDialog.bioLinks.length >= 3"
size="small"
style="margin-top: 5px"
size="sm"
class="mt-2"
@click="bioDialog.bioLinks.push('')">
{{ t('dialog.bio.add_link') }}
</el-button>
</Button>
</div>
<template #footer>
<el-button type="primary" :disabled="bioDialog.loading" @click="saveBio">
<Button :disabled="bioDialog.loading" @click="saveBio">
{{ t('dialog.bio.update') }}
</el-button>
</Button>
</template>
</el-dialog>
</template>
<script setup>
import { Button } from '@/components/ui/button';
import { Delete } from '@element-plus/icons-vue';
import { InputGroupCharCount } from '@/components/ui/input-group';
import { toast } from 'vue-sonner';

54
src/components/dialogs/UserDialog/PreviousInstancesUserDialog.vue
View File

@@ -38,33 +38,37 @@
</el-table-column>
<el-table-column :label="t('table.previous_instances.action')" width="90" align="right">
<template #default="scope">
<el-button
text
:icon="SwitchButton"
size="small"
class="button-pd-0"
@click="showLaunchDialog(scope.row.location)"></el-button>
<el-button
text
:icon="DataLine"
size="small"
class="button-pd-0"
@click="showPreviousInstancesInfoDialog(scope.row.location)"></el-button>
<el-button
<Button
size="icon-sm"
variant="ghost"
class="button-pd-0 w-6 h-6 text-xs"
@click="showLaunchDialog(scope.row.location)"
><i class="ri-door-open-line"></i
></Button>
<Button
size="icon-sm"
variant="ghost"
class="button-pd-0 w-6 h-6 text-xs"
@click="showPreviousInstancesInfoDialog(scope.row.location)"
><i class="ri-information-line"></i
></Button>
<Button
size="icon-sm"
variant="ghost"
v-if="shiftHeld"
style="color: #f56c6c"
text
:icon="Close"
size="small"
class="button-pd-0"
@click="deleteGameLogUserInstance(scope.row)"></el-button>
<el-button
class="button-pd-0 w-6 h-6 text-xs"
@click="deleteGameLogUserInstance(scope.row)"
><i class="ri-delete-bin-line"></i
></Button>
<Button
size="icon-sm"
variant="ghost"
v-else
text
:icon="Close"
size="small"
class="button-pd-0"
@click="deleteGameLogUserInstancePrompt(scope.row)"></el-button>
class="button-pd-0 w-6 h-6 text-xs"
@click="deleteGameLogUserInstancePrompt(scope.row)"
><i class="ri-delete-bin-line"></i
></Button>
</template>
</el-table-column>
</DataTable>
@@ -73,7 +77,7 @@
<script setup>
import { computed, nextTick, reactive, ref, watch } from 'vue';
import { Close, DataLine, SwitchButton } from '@element-plus/icons-vue';
import { Button } from '@/components/ui/button';
import { ElMessageBox } from 'element-plus';
import { storeToRefs } from 'pinia';
import { useI18n } from 'vue-i18n';

19
src/components/dialogs/UserDialog/SendInviteRequestDialog.vue
View File

@@ -32,20 +32,20 @@
</el-table-column>
<el-table-column :label="t('table.profile.invite_messages.action')" width="70" align="right">
<template #default="scope">
<el-button
text
:icon="Edit"
size="small"
@click.stop="showEditAndSendInviteDialog(scope.row)"></el-button>
<Button size="icon-sm" variant="ghost" @click.stop="showEditAndSendInviteDialog(scope.row)">
<SquarePen
/></Button>
</template>
</el-table-column>
</DataTable>
<template #footer>
<el-button @click="cancelSendInviteRequest">{{ t('dialog.invite_request_message.cancel') }}</el-button>
<el-button @click="refreshInviteMessageTableData('request')">{{
<Button variant="secondary" class="mr-2" @click="cancelSendInviteRequest">{{
t('dialog.invite_request_message.cancel')
}}</Button>
<Button @click="refreshInviteMessageTableData('request')">{{
t('dialog.invite_request_message.refresh')
}}</el-button>
}}</Button>
</template>
<SendInviteConfirmDialog
v-model:isSendInviteConfirmDialogVisible="isSendInviteConfirmDialogVisible"
@@ -63,7 +63,8 @@
</template>
<script setup>
import { Edit } from '@element-plus/icons-vue';
import { Button } from '@/components/ui/button';
import { SquarePen } from 'lucide-vue-next';
import { ref } from 'vue';
import { storeToRefs } from 'pinia';
import { useI18n } from 'vue-i18n';