matei/zeroone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UPD: Optionally foldable sections

Browse Source
This commit is contained in:
Robert Kossessa
2024-01-25 01:56:06 +01:00
parent 4503f6a76d
commit d03f90df2d
3 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/App.vue
View File

@@ -5,6 +5,8 @@ import ConfigPane from '@/components/config/ConfigPane.vue'
import Navbar from '@/components/Navbar.vue'
import ConfigSelect from '@/components/config/ConfigSelect.vue'
import { ref } from 'vue'
import ConfigSection from '@/components/config/ConfigSection.vue'
import { Bolt } from 'lucide-vue-next'
const currentConfigPage = ref('profile_settings')
@@ -13,14 +15,16 @@ const currentConfigPage = ref('profile_settings')
<main class="select-none">
<Navbar />
<div class="flex flex-row">
<ProfileManager class="border-solid border-0 border-r bg-zinc-900 bg-opacity-30" style="width: 20rem"/>
<ProfileManager class="border-solid border-0 border-r bg-zinc-900 bg-opacity-30" style="width: 20rem" />
<div class="border-solid border-0 border-r" style="width: 25rem">
<DevicePreview />
<ConfigSelect v-model="currentConfigPage" />
<ConfigSection :title="$t('config_options.title')" :foldable="false" :icon-component="Bolt">
<ConfigSelect v-model="currentConfigPage" />
</ConfigSection>
</div>
<ConfigPane
:page="currentConfigPage"
class="border-solid border-0 border-r bg-zinc-900 bg-opacity-30"/>
class="border-solid border-0 border-r bg-zinc-900 bg-opacity-30" />
</div>
</main>
</template>