rommapp/romm
1
0
Fork 0
mirror of https://github.com/rommapp/romm.git synced 2026-02-19 07:50:57 +01:00
Code Issues Packages Projects Releases Wiki Activity

Refactor footer layout in CreateCollection and CreateSmartCollection dialogs to use v-btn-group for improved structure and consistency

Browse Source
This commit is contained in:
zurdi
2025-12-17 11:21:18 +00:00
parent 6867b6c497
commit 7adb1ca196
2 changed files with 26 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/components/common/Collection/Dialog/CreateCollection.vue
View File

@@ -232,17 +232,19 @@ function closeDialog() {
</template>
<template #footer>
<v-row class="d-flex justify-center" no-gutters>
<v-btn class="bg-toplayer" @click="closeDialog">
{{ t("common.cancel") }}
</v-btn>
<v-btn
class="bg-toplayer text-romm-green"
:disabled="!collection.name"
:variant="!collection.name ? 'plain' : 'flat'"
@click="createCollection"
>
{{ t("common.create") }}
</v-btn>
<v-btn-group divided density="compact">
<v-btn class="bg-toplayer" @click="closeDialog">
{{ t("common.cancel") }}
</v-btn>
<v-btn
class="bg-toplayer text-romm-green"
:disabled="!collection.name"
:variant="!collection.name ? 'plain' : 'flat'"
@click="createCollection"
>
{{ t("common.create") }}
</v-btn>
</v-btn-group>
</v-row>
</template>
</RDialog>

24
frontend/src/components/common/Collection/Dialog/CreateSmartCollection.vue
View File

@@ -252,17 +252,19 @@ async function createSmartCollection() {
</template>
<template #footer>
<v-row class="d-flex justify-center" no-gutters>
<v-btn class="bg-toplayer" @click="closeDialog">
{{ t("common.cancel") }}
</v-btn>
<v-btn
class="bg-toplayer text-romm-green"
:disabled="!name.trim()"
:variant="!name.trim() ? 'plain' : 'flat'"
@click="createSmartCollection"
>
{{ t("common.create") }}
</v-btn>
<v-btn-group divided density="compact">
<v-btn class="bg-toplayer" @click="closeDialog">
{{ t("common.cancel") }}
</v-btn>
<v-btn
class="bg-toplayer text-romm-green"
:disabled="!name.trim()"
:variant="!name.trim() ? 'plain' : 'flat'"
@click="createSmartCollection"
>
{{ t("common.create") }}
</v-btn>
</v-btn-group>
</v-row>
</template>
</RDialog>