Ensembia/nextcloud-side_menu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update ui of the big menu

Browse Source
This commit is contained in:
Simon Vieille
2020-08-11 10:34:06 +02:00
parent 8c3dd2a4f6
commit 5a86e16861
2 changed files with 84 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/SideMenuBig.vue
+19 -11
View File
@@ -15,18 +15,26 @@ You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
-->
<template>
<div id="side-menu">
<div v-for="category in items">
<h2 v-html="category.name"></h2>
<div id="side-menu" class="side-menu-big">
<div class="side-menu-header">
<button class="side-menu-opener"></button>
</div>
<ul>
<li v-for="app in category.apps">
<a v-bind:href="app.href" v-bind:title="app.name">
<img class="side-menu-app-icon" v-bind:src="app.icon"></span>
<span class="side-menu-app-text" v-html="app.name"></span>
</a>
</li>
</ul>
<div class="side-menu-categories-wrapper">
<div class="side-menu-categories">
<div class="side-menu-category" v-for="category in items">
<h2 class="side-menu-category-title" v-html="category.name"></h2>
<ul class="side-menu-apps-list">
<li class="side-menu-app" v-for="app in category.apps">
<a v-bind:href="app.href" v-bind:title="app.name">
<img class="side-menu-app-icon" v-bind:src="app.icon"></span>
<span class="side-menu-app-text" v-html="app.name"></span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</template>