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

UPD: Redo main col layout

Browse Source
This commit is contained in:
Robert Kossessa
2024-01-29 16:08:31 +01:00
parent 417fe62532
commit 351f1435af
6 changed files with 272 additions and 328 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/App.vue
View File

@@ -14,17 +14,17 @@ const currentConfigPage = ref('profile_settings')
<template>
<main class="select-none">
<Navbar />
<div class="flex flex-row">
<ProfileManager class="border-solid border-0 border-r bg-zinc-900 bg-opacity-30"/>
<div class="border-solid border-0 border-r" style="width: 25rem">
<div class="grid grid-cols-11">
<ProfileManager class="col-span-3 border-solid border-0 border-r bg-zinc-900 bg-opacity-30" />
<div class="col-span-4 border-solid border-0 border-r">
<DevicePreview />
<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="col-span-4 border-solid border-0 border-r bg-zinc-900 bg-opacity-30"
:page="currentConfigPage" />
</div>
</main>
</template>