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:
LIghtJUNction
2026-03-28 15:31:25 +08:00
parent 84c88db712
commit 495ca70ec5
7 changed files with 12 additions and 12 deletions

View File

@@ -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"

View File

@@ -57,7 +57,7 @@
</v-btn>
</div>
<v-row dense>
<v-row density="compact">
<v-col
v-for="item in storageCards"
:key="item.key"

View File

@@ -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"

View File

@@ -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"

View File

@@ -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"

View File

@@ -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"

View File

@@ -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}`"