use tailwind class

This commit is contained in:
pa
2026-03-08 22:46:26 +09:00
parent be2f07f24e
commit 9b564303a4
85 changed files with 1167 additions and 642 deletions

View File

@@ -23,8 +23,8 @@
<InputGroupTextareaField
v-model="friendImportDialog.input"
:rows="10"
style="margin-top: 10px"
input-class="resize-none" />
input-class="resize-none mt-2" />
<div>
<div class="mb-2">
<div class="flex items-center gap-2">
@@ -47,10 +47,10 @@
</SelectContent>
</Select>
<Select
<Select class="ml-2"
:model-value="friendImportLocalFavoriteGroupSelection"
@update:modelValue="handleFriendImportLocalGroupSelect"
style="margin-left: 10px">
>
<SelectTrigger size="sm">
<SelectValue :placeholder="t('dialog.world_import.select_local_group_placeholder')" />
</SelectTrigger>
@@ -63,7 +63,7 @@
</SelectContent>
</Select>
</div>
<span v-if="friendImportDialog.friendImportFavoriteGroup" style="margin-left: 5px">
<span class="ml-1.5" v-if="friendImportDialog.friendImportFavoriteGroup">
{{ friendImportTable.data.length }} /
{{
friendImportDialog.friendImportFavoriteGroup.capacity -
@@ -92,7 +92,7 @@
</Button>
</div>
</div>
<span v-if="friendImportDialog.importProgress" style="margin: 10px">
<span class="m-2" v-if="friendImportDialog.importProgress">
<Spinner class="inline-block ml-2 mr-2" />
{{ t('dialog.friend_import.import_progress') }} {{ friendImportDialog.importProgress }}/{{
friendImportDialog.importProgressTotal
@@ -103,7 +103,7 @@
<Button size="sm" variant="secondary" @click="friendImportDialog.errors = ''">
{{ t('dialog.friend_import.clear_errors') }}
</Button>
<h2 style="font-weight: bold; margin: 5px 0">{{ t('dialog.friend_import.errors') }}</h2>
<h2 class="my-1.5 mx-0" style="font-weight: bold">{{ t('dialog.friend_import.errors') }}</h2>
<pre style="white-space: pre-wrap; font-size: 12px" v-text="friendImportDialog.errors"></pre>
</template>
<DataTableLayout
@@ -112,7 +112,7 @@
:loading="friendImportDialog.loading"
:table-style="tableStyle"
:show-pagination="false"
style="margin-top: 10px" />
style="margin-top: 8px" />
</DialogContent>
</Dialog>
</template>