Improve consistency of title, shadow and borders in stats page

This commit is contained in:
Claudio Ortolina
2025-09-01 08:30:26 +03:00
parent d9391a803e
commit 73ee3bc438
4 changed files with 11 additions and 9 deletions
@@ -118,7 +118,7 @@ defmodule MusicLibraryWeb.StatsComponents do
def records_on_this_day(assigns) do
~H"""
<ul
class="mt-5"
class="mt-5 p-4"
role="list"
id="records"
phx-update="stream"
@@ -462,7 +462,7 @@
</div>
<div class="mt-5 grid grid-cols-1 lg:grid-cols-11 gap-4">
<div class="lg:col-span-3 px-4 shadow-sm">
<div class="lg:col-span-3">
<div class="flex justify-between items-center">
<h1 class="text-base lg:text-2xl text-zinc-900 dark:text-zinc-200 font-semibold">
{gettext("On This day")}
@@ -475,11 +475,13 @@
<.date_picker size="xs" field={f[:current_date]} />
</.form>
</div>
<.records_on_this_day
current_date={@current_date}
records={@streams.records_on_this_day}
record_show_path={fn record -> ~p"/collection/#{record}" end}
/>
<div class="rounded-md shadow-sm">
<.records_on_this_day
current_date={@current_date}
records={@streams.records_on_this_day}
record_show_path={fn record -> ~p"/collection/#{record}" end}
/>
</div>
</div>
<div class="lg:col-span-4">
<h1 class="text-base lg:text-2xl text-zinc-900 dark:text-zinc-200 font-semibold">
@@ -101,7 +101,7 @@ defmodule MusicLibraryWeb.StatsLive.TopAlbums do
defp top_albums_by_period(assigns) do
~H"""
<div class="mt-4">
<div class="mt-4 p-4 rounded-md shadow-sm">
<div class="space-y-2">
<div
:for={album <- @albums}
@@ -93,7 +93,7 @@ defmodule MusicLibraryWeb.StatsLive.TopArtists do
def top_artists_by_period(assigns) do
~H"""
<div class="mt-4">
<div class="mt-4 p-4 rounded-md shadow-sm">
<div class="space-y-2">
<div
:for={artist <- @artists}