mp3-composer/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix colors, replace Dropdown with Select, add clear layout

Browse Source
This commit is contained in:
bivashy
2025-11-06 00:31:47 +05:00
parent 73a3be7539
commit 86b41eb5e0
51 changed files with 1248 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
app/layouts/clear.vue Normal file
View File

@ -0,0 +1,18 @@
<template>
<div class="flex flex-1">
<div class="w-full">
<header v-if="slots.header">
<slot name="header" />
</header>
<main class="h-screen">
<slot />
</main>
</div>
</div>
</template>
<script setup>
import { useSlots } from 'vue'
const slots = useSlots()
</script>

29
app/layouts/default.vue
View File

@ -1,20 +1,25 @@
<template>
<div class="flex">
<div class="w-full">
<header v-if="slots.header">
<slot name="header" />
</header>
<main class="h-screen">
<slot />
</main>
<AppSidebar />
<SidebarInset>
<div class="flex flex-1">
<div class="w-full">
<header v-if="slots.header">
<slot name="header" />
</header>
<main class="h-screen">
<slot />
</main>
</div>
<aside v-if="slots.sidebar" class="w-full hidden sm:block">
<slot name="sidebar" />
</aside>
</div>
<aside v-if="slots.sidebar" class="w-full">
<slot name="sidebar" />
</aside>
</div>
</SidebarInset>
</template>
<script setup>
import { useSlots } from 'vue'
import AppSidebar from '@/components/ui/sidebar/AppSidebar.vue';
import SidebarInset from '@/components/ui/sidebar/SidebarInset.vue';
const slots = useSlots()
</script>