replace some el-button

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

View File

@@ -13,12 +13,12 @@
{{ worldImportDialog.progress }} / {{ worldImportDialog.progressTotal }}
<el-icon style="margin: 0 5px"><Loading /></el-icon>
</div>
<el-button v-if="worldImportDialog.loading" size="small" @click="cancelWorldImport">
<Button v-if="worldImportDialog.loading" size="sm" variant="outline" @click="cancelWorldImport">
{{ t('dialog.world_import.cancel') }}
</el-button>
<el-button v-else size="small" :disabled="!worldImportDialog.input" @click="processWorldImportList">
</Button>
<Button size="sm" v-else :disabled="!worldImportDialog.input" @click="processWorldImportList">
{{ t('dialog.world_import.process_list') }}
</el-button>
</Button>
</div>
</div>
<el-input
@@ -75,13 +75,16 @@
</span>
</div>
<div>
<el-button size="small" :disabled="worldImportTable.data.length === 0" @click="clearWorldImportTable">
<Button
size="sm"
variant="secondary"
class="mr-2"
:disabled="worldImportTable.data.length === 0"
@click="clearWorldImportTable">
{{ t('dialog.world_import.clear_table') }}
</el-button>
<el-button
size="small"
type="primary"
style="margin: 5px"
</Button>
<Button
size="sm"
:disabled="
worldImportTable.data.length === 0 ||
(!worldImportDialog.worldImportFavoriteGroup &&
@@ -89,7 +92,7 @@
"
@click="importWorldImportTable">
{{ t('dialog.world_import.import') }}
</el-button>
</Button>
</div>
</div>
<span v-if="worldImportDialog.importProgress" style="margin: 10px">
@@ -99,9 +102,9 @@
</span>
<br />
<template v-if="worldImportDialog.errors">
<el-button size="small" @click="worldImportDialog.errors = ''">
<Button size="sm" variant="secondary" @click="worldImportDialog.errors = ''">
{{ t('dialog.world_import.clear_errors') }}
</el-button>
</Button>
<h2 style="font-weight: bold; margin: 5px 0">
{{ t('dialog.world_import.errors') }}
</h2>
@@ -149,7 +152,9 @@
</el-table-column>
<el-table-column :label="t('table.import.action')" width="90" align="right">
<template #default="{ row }">
<el-button text :icon="Close" size="small" @click="deleteItemWorldImport(row)"></el-button>
<Button size="icon-sm" class="w-6 h-6" variant="ghost" @click="deleteItemWorldImport(row)"
><Trash2
/></Button>
</template>
</el-table-column>
</DataTable>
@@ -159,7 +164,9 @@
<script setup>
import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
import { computed, ref, watch } from 'vue';
import { Close, Loading } from '@element-plus/icons-vue';
import { Button } from '@/components/ui/button';
import { Loading } from '@element-plus/icons-vue';
import { Trash2 } from 'lucide-vue-next';
import { storeToRefs } from 'pinia';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';