Elizhium/litlyx
1
0
Fork 0
mirror of https://github.com/Litlyx/litlyx synced 2025-12-10 15:58:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

admin panel

Browse Source
This commit is contained in:
Emily
2025-02-12 03:20:54 +01:00
parent a7ebbc22c0
commit f5882bff9f
18 changed files with 1207 additions and 406 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
dashboard/components/CustomTab.vue
View File

@@ -1,15 +1,15 @@
<script lang="ts" setup>
type CItem = { label: string, slot: string }
const props = defineProps<{ items: CItem[] }>();
export type CItem = { label: string, slot: string }
const props = defineProps<{ items: CItem[], manualScroll?:boolean }>();
const activeTabIndex = ref<number>(0);
</script>
<template>
<div>
<div class="flex overflow-y-auto hide-scrollbars">
<div class="h-full flex flex-col">
<div class="flex overflow-x-auto hide-scrollbars">
<div class="flex">
<div v-for="(tab, index) of items" @click="activeTabIndex = index"
class="px-6 pb-3 poppins font-medium text-lyx-lightmode-text dark:text-lyx-text-darker border-b-[1px] border-lyx-text-darker"
@@ -24,7 +24,7 @@ const activeTabIndex = ref<number>(0);
</div>
</div>
<div>
<div :class="{'overflow-y-hidden': manualScroll }" class="overflow-y-auto h-full">
<slot :name="props.items[activeTabIndex].slot"></slot>
</div>
</div>