add admin responsive view

This commit is contained in:
Simon Vieille
2025-04-11 21:04:38 +02:00
parent e616f0204b
commit 952106f437
5 changed files with 36 additions and 472 deletions
@@ -1,14 +1,14 @@
<template>
<NcButton @click="update(false, false, false)" :variant="is(false, false, false) ? 'primary' : 'seconday'">
<NcButton :variant="is(false, false, false) ? 'primary' : 'seconday'" @click="update(false, false, false)">
{{ t('side_menu', 'Default') }}
</NcButton>
<NcButton @click="update(true, false, false)" :variant="is(true, false, false) ? 'primary' : 'seconday'">
<NcButton :variant="is(true, false, false) ? 'primary' : 'seconday'" @click="update(true, false, false)">
{{ t('side_menu', 'Always displayed') }}
</NcButton>
<NcButton @click="update(false, true, false)" :variant="is(false, true, false) ? 'primary' : 'seconday'">
<NcButton :variant="is(false, true, false) ? 'primary' : 'seconday'" @click="update(false, true, false)">
{{ t('side_menu', 'Big menu') }}
</NcButton>
<NcButton @click="update(false, false, true)" :variant="is(false, false, true) ? 'primary' : 'seconday'">
<NcButton :variant="is(false, false, true) ? 'primary' : 'seconday'" @click="update(false, false, true)">
{{ t('side_menu', 'With categories') }}
</NcButton>
@@ -19,13 +19,6 @@
<img v-if="is(false, false, true)" class="side-menu-display" :src="SideMenuWithCategoriesImg" />
</p>
</template>
<style scoped>
button {
display: inline-block !important;
margin: 2px;
}
</style>
<script setup>
import { NcButton } from '@nextcloud/vue'
@@ -68,3 +61,14 @@ const is = (isAlwayDisplayed, isTopWideMenu, isSideMenuWithCategories) => {
}
</script>
<style scoped>
button {
display: inline-block !important;
margin: 2px;
}
img {
max-width: 100%;
}
</style>