@ -1,6 +1,4 @@
<span class="text-lg font-semibold text-color-secondary md:text-xl lg:text-xl">
<span class="text-lg font-semibold text-color-secondary md:text-xl lg:text-xl">Your Profile</span>
Your Profile
</span>
<div class="bg-tertiary mt-6 h-auto w-full rounded-lg">
<div class="bg-tertiary mt-6 h-auto w-full rounded-lg">
<div class="flex w-full flex-row flex-wrap items-center space-x-3 border-b border-purple-400/25 py-3 px-6 md:space-x-6 md:px-5 md:py-5 lg:space-x-6 lg:px-5 lg:py-5">
<div class="flex w-full flex-row flex-wrap items-center space-x-3 border-b border-purple-400/25 py-3 px-6 md:space-x-6 md:px-5 md:py-5 lg:space-x-6 lg:px-5 lg:py-5">
@ -23,26 +21,20 @@
<div class="flex flex-wrap lg:flex-row gap-6 items-center justify-center pb-5 -mx-5">
<div class="flex flex-wrap lg:flex-row gap-6 items-center justify-center pb-5 -mx-5">
<div class="col-span-12 sm:col-span-6 xl:col-span-2 min-w-30">
<div class="col-span-12 sm:col-span-6 xl:col-span-2 min-w-30">
<div class="bg-secondary shadow-xl rounded-lg p-5 hover:bg-secondary-hover ">
<div class="bg-secondary shadow-xl rounded-lg p-5">
<div class="flex">
<div class="flex">
<i data-lucide="files" class="text-color-accent mr-2"></i>
<i data-lucide="files" class="text-color-accent mr-2"></i>
<p class="ml-auto text-slate-500 text-sm">
<p class="ml-auto text-slate-500 text-sm"><%= totalSize %></p>
<%= totalSize %>
</p>
</div>
<div class="text-color-primary sm:text-lg md:text-3xl font-medium leading-8 mt-6">
<%= usersDataObj.totalFiles %>
</div>
<div class="sm:text-sm md:text-base text-base text-slate-500 mt-1">
Total Files
</div>
</div>
<div class="text-color-primary sm:text-lg md:text-3xl font-medium leading-8 mt-6"><%= usersDataObj.totalFiles %></div>
<div class="sm:text-sm md:text-base text-base text-slate-500 mt-1">Files</div>
</div>
</div>
</div>
</div>
<div class="col-span-6 sm:col-span-3 xl:col-span-1 w-px h-40 border border-r border-accent border-dashed mx-4 xl:mx-6 hidden md:table-cell" ></div>
<div class="col-span-6 sm:col-span-3 xl:col-span-1 w-px h-40 border border-r border-accent border-dashed mx-4 xl:mx-6 hidden md:table-cell" ></div>
<div class="col-span-12 sm:col-span-6 xl:col-span-2 min-w-30">
<div class="col-span-12 sm:col-span-6 xl:col-span-2 min-w-30">
<div class="bg-secondary shadow-xl rounded-lg p-5 hover:bg-secondary-hover ">
<div class="bg-secondary shadow-xl rounded-lg p-5">
<div class="flex">
<div class="flex">
<i data-lucide="image" class="text-blue-400 mr-2"></i>
<i data-lucide="image" class="text-blue-400 mr-2"></i>
<p class="ml-auto text-slate-500 text-sm">
<p class="ml-auto text-slate-500 text-sm">
@ -59,7 +51,7 @@
</div>
</div>
<div class="col-span-12 sm:col-span-6 xl:col-span-2 min-w-30">
<div class="col-span-12 sm:col-span-6 xl:col-span-2 min-w-30">
<div class="bg-secondary shadow-xl rounded-lg p-5 hover:bg-secondary-hover ">
<div class="bg-secondary shadow-xl rounded-lg p-5">
<div class="flex">
<div class="flex">
<i data-lucide="video" class="text-yellow-400 mr-2"></i>
<i data-lucide="video" class="text-yellow-400 mr-2"></i>
<p class="ml-auto text-slate-500 text-sm">
<p class="ml-auto text-slate-500 text-sm">
@ -76,7 +68,7 @@
</div>
</div>
<div class="col-span-12 sm:col-span-6 xl:col-span-2">
<div class="col-span-12 sm:col-span-6 xl:col-span-2">
<div class="bg-secondary shadow-xl rounded-lg p-5 hover:bg-secondary-hover ">
<div class="bg-secondary shadow-xl rounded-lg p-5">
<div class="flex">
<div class="flex">
<i data-lucide="headphones" class="text-orange-400 mr-2"></i>
<i data-lucide="headphones" class="text-orange-400 mr-2"></i>
<p class="ml-auto text-slate-500 text-sm">
<p class="ml-auto text-slate-500 text-sm">
@ -93,7 +85,7 @@
</div>
</div>
<div class="col-span-12 sm:col-span-6 xl:col-span-2 min-w-30">
<div class="col-span-12 sm:col-span-6 xl:col-span-2 min-w-30">
<div class="bg-secondary shadow-xl rounded-lg p-5 hover:bg-secondary-hover ">
<div class="bg-secondary shadow-xl rounded-lg p-5">
<div class="flex">
<div class="flex">
<i data-lucide="ghost" class="text-green-400 mr-2"></i>
<i data-lucide="ghost" class="text-green-400 mr-2"></i>
<p class="ml-auto text-slate-500 text-sm">
<p class="ml-auto text-slate-500 text-sm">
@ -118,16 +110,14 @@
<button data-id="1"
<button data-id="1"
class="tabUser inline-flex w-full items-center space-x-2 border-b-2 border-accent px-6 pb-5 text-sm font-semibold text-color-primary md:w-auto md:text-base lg:w-auto lg:text-base">
class="tabUser inline-flex w-full items-center space-x-2 border-b-2 border-accent px-6 pb-5 text-sm font-semibold text-color-primary md:w-auto md:text-base lg:w-auto lg:text-base">
<i data-lucide="Files" class="text-color-secondary"></i>
<i data-lucide="Files" class="text-color-secondary"></i>
<span class="truncate"> File Manager </span>
<span class="truncate">File Manager</span>
</button>
</button>
<button data-id="2"
<button data-id="2"
class="tabUser inline-flex w-full items-center space-x-2 px-6 pb-5 text-sm text-color-primary md:w-auto md:text-base lg:w-auto lg:text-base">
class="tabUser inline-flex w-full items-center space-x-2 px-6 pb-5 text-sm text-color-primary md:w-auto md:text-base lg:w-auto lg:text-base">
<i data-lucide="Settings" class="text-color-secondary"></i>
<i data-lucide="Settings" class="text-color-secondary"></i>
<span> Config Gen </span>
<span>Config Gen</span>
<span class="text-xs inline-block py-1 px-2.5 leading-none text-center whitespace-nowrap align-baseline font-bold bg-yellow-600 text-black rounded-full">
<span class="text-xs inline-block py-1 px-2.5 leading-none text-center whitespace-nowrap align-baseline font-bold bg-yellow-600 text-black rounded-full">TBA</span>
TBA
</span>
</button>
</button>
</div>
</div>
<!-- End Profile Tabs -->
<!-- End Profile Tabs -->