Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2024-11-24 04:03:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

Moved modal inside of settings component

Browse source
This commit is contained in:
Roman Cervantes 2019-10-01 15:22:37 -07:00
parent 3ac791a070
commit 79d73a6dfd
2 changed files with 16 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/NavHeader.vue
View file

@ -10,26 +10,16 @@
{{ title }}
</router-link>
<modal large title="Settings">
<button
:class="['small', { filled: darkModeEnabled, 'info filled': !darkModeEnabled }]"
>
<i class="fas fa-cog" />
</button>
<settings slot="content" />
</modal>
<settings />
</nav>
</template>
<script>
import Settings from '@/pages/Settings';
import Modal from '@/components/Modal';
import { mapState, mapGetters } from 'vuex';
export default {
components: {
Modal,
Settings,
},

22
src/pages/Settings.vue
View file

@ -1,11 +1,19 @@
<template lang="html">
<div class="settings" :class="{ dark: darkModeEnabled }">
<general-settings v-model="localSettings" :reloading="reloading" />
<platforms-settings v-model="localSettings" :reloading="reloading" />
<game-board-settings v-model="localSettings" :reloading="reloading" />
<tags-settings v-model="localSettings" :reloading="reloading" />
<account-settings v-model="localSettings" :reloading="reloading" />
</div>
<modal title="Settings">
<button
:class="['small', { filled: darkModeEnabled, 'info filled': !darkModeEnabled }]"
>
<i class="fas fa-cog" />
</button>
<div class="settings" slot="content" :class="{ dark: darkModeEnabled }">
<general-settings v-model="localSettings" :reloading="reloading" />
<platforms-settings v-model="localSettings" :reloading="reloading" />
<game-board-settings v-model="localSettings" :reloading="reloading" />
<tags-settings v-model="localSettings" :reloading="reloading" />
<account-settings v-model="localSettings" :reloading="reloading" />
</div>
</modal>
</template>
<script>