mirror of
https://github.com/AstrBotDevs/AstrBot
synced 2026-07-18 02:00:09 +08:00
fix(dashboard): replace remaining dense prop with density="compact"
Vuetify 4 deprecates `dense` prop on v-row and form fields.
This commit is contained in:
@@ -38,7 +38,7 @@
|
||||
:label="tm('createDialog.platformTypeLabel')"
|
||||
variant="outlined"
|
||||
rounded="md"
|
||||
dense
|
||||
density="compact"
|
||||
hide-details
|
||||
class="mt-6"
|
||||
style="max-width: 30%; min-width: 300px"
|
||||
@@ -86,7 +86,7 @@
|
||||
:label="tm('createDialog.platformTypeLabel')"
|
||||
variant="outlined"
|
||||
rounded="md"
|
||||
dense
|
||||
density="compact"
|
||||
hide-details
|
||||
class="mt-6"
|
||||
style="max-width: 30%; min-width: 300px"
|
||||
@@ -173,7 +173,7 @@
|
||||
:label="tm('createDialog.selectConfigLabel')"
|
||||
variant="outlined"
|
||||
rounded="md"
|
||||
dense
|
||||
density="compact"
|
||||
hide-details
|
||||
style="max-width: 30%; min-width: 200px"
|
||||
/>
|
||||
@@ -201,7 +201,7 @@
|
||||
:label="tm('createDialog.newConfigNameLabel')"
|
||||
variant="outlined"
|
||||
rounded="md"
|
||||
dense
|
||||
density="compact"
|
||||
hide-details
|
||||
style="max-width: 30%; min-width: 200px"
|
||||
class="ml-10 my-2"
|
||||
|
||||
@@ -57,7 +57,7 @@
|
||||
</v-btn>
|
||||
</div>
|
||||
|
||||
<v-row dense>
|
||||
<v-row density="compact">
|
||||
<v-col
|
||||
v-for="item in storageCards"
|
||||
:key="item.key"
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
<v-chip size="small" class="ml-2">
|
||||
{{ pagination.total || 0 }}
|
||||
</v-chip>
|
||||
<v-row class="me-4 ms-4" dense>
|
||||
<v-row class="me-4 ms-4" density="compact">
|
||||
<v-col cols="12" sm="6" md="4">
|
||||
<v-combobox
|
||||
v-model="platformFilter"
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
:subtitle="tm('theme.subtitle')"
|
||||
:title="tm('theme.customize.title')"
|
||||
>
|
||||
<v-row class="mt-2" dense>
|
||||
<v-row class="mt-2" density="compact">
|
||||
<v-col cols="4" sm="2">
|
||||
<v-text-field
|
||||
v-model="primaryColor"
|
||||
@@ -122,7 +122,7 @@
|
||||
</v-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
<v-row class="mt-2" dense>
|
||||
<v-row class="mt-2" density="compact">
|
||||
<v-col cols="12" md="4">
|
||||
<v-text-field
|
||||
v-model="newApiKeyName"
|
||||
|
||||
@@ -59,7 +59,7 @@
|
||||
|
||||
<v-divider class="my-4" />
|
||||
|
||||
<v-row dense>
|
||||
<v-row density="compact">
|
||||
<v-col cols="12" md="6">
|
||||
<v-switch
|
||||
v-model="cfg.main_enable"
|
||||
|
||||
@@ -376,7 +376,7 @@ const pinnedPlugins = computed(() => {
|
||||
<v-col v-for="n in 4" :key="n" cols="auto" />
|
||||
</template>
|
||||
|
||||
<transition-group name="list" class="v-row v-row--dense">
|
||||
<transition-group name="list" class="v-row v-row-density-compact">
|
||||
<v-col
|
||||
v-for="(p, index) in pinnedPlugins"
|
||||
:key="p.name"
|
||||
|
||||
@@ -326,7 +326,7 @@ const marketCategorySelectItems = computed(() =>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<v-row style="min-height: 26rem" dense>
|
||||
<v-row style="min-height: 26rem" density="compact">
|
||||
<v-col
|
||||
v-for="plugin in paginatedPlugins"
|
||||
:key="plugin.name"
|
||||
@@ -373,7 +373,7 @@ const marketCategorySelectItems = computed(() =>
|
||||
</v-btn>
|
||||
</div>
|
||||
|
||||
<v-row class="mb-6" dense>
|
||||
<v-row class="mb-6" density="compact">
|
||||
<v-col
|
||||
v-for="plugin in randomPlugins"
|
||||
:key="`random-${plugin.name}`"
|
||||
|
||||
Reference in New Issue
Block a user