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

updating ui

Browse Source
This commit is contained in:
Emily
2024-08-03 16:14:02 +02:00
parent 93f22dfc54
commit cc39043a68
14 changed files with 379 additions and 226 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
dashboard/pages/index.vue
View File

@@ -69,6 +69,14 @@ const selectLabels = [
// { label: 'Month', value: 'month' },
];
const limitAlertActions: any[] = [
{
label: 'Upgrade', variant: "outline", color: 'white',
trailing: true, action: () => { }
}
]
</script>
@@ -76,18 +84,33 @@ const selectLabels = [
<div class="dashboard w-full h-full overflow-y-auto pb-20 md:pt-4 lg:pt-0">
{{ changingProject }}
<div :key="'home-' + isLiveDemo()" v-if="projects && activeProject && firstInteraction && !changingProject">
<div class="w-full px-4 py-2">
<div v-if="limitsInfo && limitsInfo.limited"
<!-- <div v-if="limitsInfo && !limitsInfo.limited"
class="bg-orange-600 justify-center flex gap-2 py-2 px-4 font-semibold text-[1.2rem] rounded-lg">
<div class="poppins text-text"> Limit reached </div>
<NuxtLink to="/plans" class="poppins text-[#393972] underline cursor-pointer">
Upgrade project
</NuxtLink>
</div> -->
<div v-if="limitsInfo && limitsInfo.limited" class="w-full bg-[#fbbf2422] p-4 rounded-lg text-[.9rem] flex items-center">
<div class="flex flex-col grow">
<div class="poppins font-semibold text-[#fbbf24]">
Limit reached
</div>
<div class="poppins text-[#fbbf24]">
Litlyx has stopped to collect yur data. Please upgrade the plan for a minimal data loss.
</div>
</div>
<div>
<LyxUiButton type="outline"> Upgrade </LyxUiButton>
</div>
</div>
</div>
<DashboardTopSection></DashboardTopSection>

25
dashboard/pages/settings.vue
View File

@@ -13,12 +13,12 @@ const items = [
</script>
<template>
<div class="px-10 py-8 h-dvh overflow-y-auto">
<div class="px-10 py-8 h-dvh overflow-y-auto hide-scrollbars">
<div class="poppins font-semibold text-[1.3rem]"> Settings </div>
<UTabs :items="items" class="mt-8">
<CustomTab :items="items" class="mt-8">
<template #general>
TODO
<SettingsGeneral></SettingsGeneral>
</template>
<template #members>
<SettingsMembers></SettingsMembers>
@@ -27,8 +27,23 @@ const items = [
<SettingsBilling></SettingsBilling>
</template>
<template #account>
TODO
<SettingsAccount></SettingsAccount>
</template>
</UTabs>
</CustomTab>
<!-- <UTabs :items="items" class="mt-8">
<template #general>
<SettingsGeneral></SettingsGeneral>
</template>
<template #members>
<SettingsMembers></SettingsMembers>
</template>
<template #billing>
<SettingsBilling></SettingsBilling>
</template>
<template #account>
<SettingsAccount></SettingsAccount>
</template>
</UTabs> -->
</div>
</template>