SowinskiBraeden/RetirementCalculator
1
0 Fork 0
Code Issues Packages Projects Releases Wiki Activity

dashboard col issue

Browse Source
This commit is contained in:
knighthawk4227 committed 2025-05-16 23:31:28 -07:00
1 parent edb0021cc6
commit 8c0e07abb3
4 files changed
+44 -38
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/views/partials/dashboardBox.ejs
+26 -26
View File
@@ -1,34 +1,34 @@
<div class="mt-12">
<a href="/plans/<%=plan._id%>">
<div class=" relative flex flex-col bg-clip-border rounded-xl bg-white text-gray-700 shadow-md w-full min-h-[130px] min-w-[340px]
md:min-h-[220px] md:min-w-[500px]">
<!-- <div -->
<!-- class="bg-clip-border mx-4 rounded-xl overflow-hidden bg-gradient-to-tr from-blue-600 to-blue-400 text-white shadow-blue-500/40 shadow-lg absolute mt-2 grid h-16 w-16 place-items-center"> -->
<!-- </div> -->
<div class="p-4 flex items-center justify-between">
<p class="font-sans text-2xl leading-normal font-bold text-blue-gray-600">
<%= plan.name %>
<div class="w-full h-full mt-3">
<a href="/plans/<%=thing._id%>"
class="block p-4 w-full h-full rounded-xl transition-shadow duration-300 ease-in-out hover:shadow-xl">
<div
class="relative flex flex-col bg-white text-gray-700 shadow-md rounded-xl w-full h-full overflow-hidden min-h-[175px]">
<!-- Header Section -->
<div class="p-4 flex items-center justify-between border-b ">
<p class="text-xl font-semibold text-blue-gray-700 truncate" title="<%= thing.name %>">
<%= thing.name %>
</p>
<h4
class="planGoal block text-right antialiased tracking-normal font-sans text-2xl font-semibold leading-snug text-blue-gray-900">
<%= plan.retirementAssets %>
<h4 class="planGoal text-xl font-semibold whitespace-nowrap">
<%= thing.retirementAssets %>
</h4>
</div>
<div class="border-t border-blue-gray-50 p-10">
<div class="float-left font-bold">
<p class=" antialiased font-sans text-base leading-relaxed font-normal text-blue-gray-600">
Status bar:
</p>
</div>
<strong class="text-green-500">
<div class="float-right mb-2">
<%=Math.floor(plan.progress) > 100 ? 100 : Math.floor(plan.progress) %>% complete
</div>
<div class="bg-gray-400 mt-7">
<div class="bg-green-600 h-2.5 rounded-full dark:bg-green-500"
style="width: <%= plan.progress > 100 ? 100 : plan.progress %>%;"></div>
<!-- Progress Bar Section - Pushed to the bottom -->
<div class="mt-2">
<div class="p-4 mt-auto border-gray-900">
<div class="flex justify-between items-center mb-1">
<p class="text-sm font-medium text-blue-gray-600">
Progress:
</p>
<p class="text-sm font-semibold justify-between text-green-500">
<%=Math.floor(thing.progress)> 100 ? 100 : Math.floor(thing.progress) %>%
</p>
</div>
<div class="w-full bg-gray-300 rounded-full h-2.5">
<div class="bg-green-500 h-2.5 rounded-full"
style="width: <%= thing.progress > 100 ? 100 : thing.progress %>%;"></div>
</div>
</div>
</div>
</div>
</a>