hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

make all dropdown menus consistent

Browse source
This commit is contained in:
Henry Jameson 2025-01-13 17:38:44 +02:00
commit 4887d37110
11 changed files with 601 additions and 460 deletions
Download patch file Download diff file Expand all files Collapse all files

58
src/components/settings_modal/admin_tabs/frontends_tab.vue
View file

@ -115,22 +115,28 @@
>
<template #content="{close}">
<div class="dropdown-menu">
<button
<div
v-for="ref in frontend.refs"
:key="ref"
class="menu-item dropdown-item"
@click.prevent="update(frontend, ref)"
@click="close"
>
<i18n-t
keypath="admin_dash.frontend.install_version"
scope="global"
<button
class="main-button"
@click.prevent="update(frontend, ref)"
@click="close"
>
<template #version>
<code>{{ ref }}</code>
</template>
</i18n-t>
</button>
<span>
<i18n-t
keypath="admin_dash.frontend.install_version"
scope="global"
>
<template #version>
<code>{{ ref }}</code>
</template>
</i18n-t>
</span>
</button>
</div>
</div>
</template>
<template #trigger>
@ -175,22 +181,28 @@
>
<template #content="{close}">
<div class="dropdown-menu">
<button
<div
class="menu-item dropdown-item"
v-for="ref in frontend.installedRefs || frontend.refs"
:key="ref"
class="menu-item dropdown-item"
@click.prevent="setDefault(frontend, ref)"
@click="close"
>
<i18n-t
keypath="admin_dash.frontend.set_default_version"
scope="global"
<button
class="main-button"
@click.prevent="setDefault(frontend, ref)"
@click="close"
>
<template #version>
<code>{{ ref }}</code>
</template>
</i18n-t>
</button>
<span>
<i18n-t
keypath="admin_dash.frontend.set_default_version"
scope="global"
>
<template #version>
<code>{{ ref }}</code>
</template>
</i18n-t>
</span>
</button>
</div>
</div>
</template>
<template #trigger>

66
src/components/settings_modal/settings_modal.vue
View file

@ -69,36 +69,42 @@
</template>
<template #content="{close}">
<div class="dropdown-menu">
<button
class="menu-item dropdown-item -icon"
@click.prevent="backup"
@click="close"
>
<FAIcon
icon="file-download"
fixed-width
/><span>{{ $t("settings.file_export_import.backup_settings") }}</span>
</button>
<button
class="menu-item dropdown-item -icon"
@click.prevent="backupWithTheme"
@click="close"
>
<FAIcon
icon="file-download"
fixed-width
/><span>{{ $t("settings.file_export_import.backup_settings_theme") }}</span>
</button>
<button
class="menu-item dropdown-item -icon"
@click.prevent="restore"
@click="close"
>
<FAIcon
icon="file-upload"
fixed-width
/><span>{{ $t("settings.file_export_import.restore_settings") }}</span>
</button>
<div class="menu-item dropdown-item -icon">
<button
class="main-button"
@click.prevent="backup"
@click="close"
>
<FAIcon
icon="file-download"
fixed-width
/><span>{{ $t("settings.file_export_import.backup_settings") }}</span>
</button>
</div>
<div class="menu-item dropdown-item -icon">
<button
class="main-button"
@click.prevent="backupWithTheme"
@click="close"
>
<FAIcon
icon="file-download"
fixed-width
/><span>{{ $t("settings.file_export_import.backup_settings_theme") }}</span>
</button>
</div>
<div class="menu-item dropdown-item -icon">
<button
class="main-button"
@click.prevent="restore"
@click="close"
>
<FAIcon
icon="file-upload"
fixed-width
/><span>{{ $t("settings.file_export_import.restore_settings") }}</span>
</button>
</div>
</div>
</template>
</Popover>