36 lines
1.7 KiB
Plaintext
36 lines
1.7 KiB
Plaintext
<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-[150px] min-w-[380px]
|
|
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 %>
|
|
</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>
|
|
</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) %>% 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 %>%;"></div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|