danvics/pinchflat
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Centered the content of homepage data cards

Browse source
This commit is contained in:
Kieran Eglin 2024-05-29 12:23:44 -07:00
parent 4ff9b5f611
commit 0ef8c03ad3
No known key found for this signature in database
GPG key ID: 193984967FCF432D
1 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
lib/pinchflat_web/controllers/pages/page_html/home.html.heex
View file

@ -1,6 +1,6 @@
<div class="grid grid-cols-1 gap-4 md:grid-cols-4"> <div class="grid grid-cols-1 gap-4 md:grid-cols-4">
<div class="rounded-sm border px-7.5 py-6 shadow-default border-strokedark bg-boxdark"> <div class="flex flex-col justify-center rounded-sm border px-7.5 py-6 shadow-default border-strokedark bg-boxdark">
<a href={~p"/media_profiles"} class="mt-4 flex flex-col items-center justify-center"> <a href={~p"/media_profiles"} class="flex flex-col items-center py-2">
<span class="text-md font-medium"> <span class="text-md font-medium">
Media <.pluralize count={@media_profile_count} word="Profile" /> Media <.pluralize count={@media_profile_count} word="Profile" />
</span> </span>
@ -9,8 +9,8 @@
</h4> </h4>
</a> </a>
</div> </div>
<div class="rounded-sm border px-7.5 py-6 shadow-default border-strokedark bg-boxdark"> <div class="flex flex-col justify-center rounded-sm border px-7.5 py-6 shadow-default border-strokedark bg-boxdark">
<a href={~p"/sources"} class="mt-4 flex flex-col items-center justify-center"> <a href={~p"/sources"} class="flex flex-col items-center py-2">
<span class="text-md font-medium"> <span class="text-md font-medium">
<.pluralize count={@source_count} word="Source" /> <.pluralize count={@source_count} word="Source" />
</span> </span>
@ -19,8 +19,8 @@
</h4> </h4>
</a> </a>
</div> </div>
<div class="rounded-sm border px-7.5 py-6 shadow-default border-strokedark bg-boxdark"> <div class="flex flex-col justify-center rounded-sm border px-7.5 py-6 shadow-default border-strokedark bg-boxdark">
<span class="mt-4 flex flex-col items-center justify-center"> <span class="flex flex-col items-center py-2">
<span class="text-md font-medium"> <span class="text-md font-medium">
<.pluralize count={@media_item_count} word="Download" /> <.pluralize count={@media_item_count} word="Download" />
</span> </span>
@ -29,8 +29,8 @@
</h4> </h4>
</span> </span>
</div> </div>
<div class="rounded-sm border px-7.5 py-6 shadow-default border-strokedark bg-boxdark"> <div class="flex flex-col justify-center rounded-sm border px-7.5 py-6 shadow-default border-strokedark bg-boxdark">
<span class="mt-4 flex flex-col items-center justify-center"> <span class="flex flex-col items-center py-2">
<span class="text-md font-medium">Library Size</span> <span class="text-md font-medium">Library Size</span>
<h4 class="text-title-md font-bold text-white"> <h4 class="text-title-md font-bold text-white">
<.readable_media_filesize media_filesize={@media_item_size} /> <.readable_media_filesize media_filesize={@media_item_size} />