44 lines
1.6 KiB
Plaintext
44 lines
1.6 KiB
Plaintext
<div class="flex flex-col space-y-8 pt-4 text-slate-700 dark:text-slate-300">
|
|
<p class="text-lg">
|
|
We've taken a close look at your communication and recognized the following pattern
|
|
</p>
|
|
|
|
<div class="grid grid-cols-6 gap-2">
|
|
<div class="col-span-1 bg-green-300 rounded"></div>
|
|
<div class="col-span-5">You</div>
|
|
|
|
<div class="col-span-1 bg-red-300 rounded"></div>
|
|
<div class="col-span-5">Your communication partner</div>
|
|
|
|
<div class="col-span-1 rounded border dark:bg-slate-600"></div>
|
|
<div class="col-span-5 ">No communication on this day</div>
|
|
</div>
|
|
|
|
<div class="calendar-wrapper">
|
|
<%= for first_of_month <- @months do %>
|
|
<div class="p-5 m-10 inline-grid items-center justify-center shadow-xl border-blue-50 dark:border-blue-200 border rounded-xl dark:bg-slate-600 dark:shadow-slate-500">
|
|
<.month day={first_of_month}></.month>
|
|
|
|
<div class="days grid-cols-7 my-2 grid">
|
|
<span class="text-center">Mon</span>
|
|
<span class="text-center">Tue</span>
|
|
<span class="text-center">Wed</span>
|
|
<span class="text-center">Thu</span>
|
|
<span class="text-center">Fri</span>
|
|
<span class="text-center">Sat</span>
|
|
<span class="text-center">Sun</span>
|
|
</div>
|
|
<div class="dates grid grid-cols-7">
|
|
<%= for day <- get_days_of_month(assigns, first_of_month) do %>
|
|
<.live_component
|
|
module={MihainatorWeb.DayComponent}
|
|
id={"day_#{elem(day, 0)}"}
|
|
day={day}
|
|
/>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|