bitinflow/ui
1
0
Fork 0
mirror of https://github.com/bitinflow/ui.git synced 2026-03-13 21:55:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

New elements and updates

Browse Source
This commit is contained in:
René Preuß
2023-02-20 18:42:21 +01:00
parent 40d02e52ec
commit d9041f471e
11 changed files with 334 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/runtime/components/BitinflowFirstLevelMenu.vue
View File

@@ -96,19 +96,19 @@
<div class="flex-auto flex flex-col overflow-y-auto py-6 space-y-6">
<!-- nav -->
<nav class="primary flex flex-grow flex-col space-y-4 px-6">
<slot name="top" />
<slot name="top"/>
</nav>
<nav class="flex flex-initial flex-col space-y-4 px-6">
<slot name="bottom" />
<slot name="bottom"/>
</nav>
</div>
<div class="flex-none" />
<div class="flex-none"/>
</nav>
<!-- Content -->
<main class="flex flex-1">
<slot />
<slot/>
</main>
</div>
</div>
@@ -139,6 +139,12 @@ export default {
],
};
},
mounted() {
// restore dark mode from local storage
if (localStorage.getItem('darkMode') === 'true') {
document.body.classList.add('dark');
}
},
methods: {
toggleMenu() {
this.$refs.overlay.classList.toggle('hidden');
@@ -166,7 +172,8 @@ export default {
}, 500);
});
}
document.body.classList.toggle('dark')
const result = document.body.classList.toggle('dark')
localStorage.setItem('darkMode', result ? 'true' : 'false');
}
},
};