cloud/music_library
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Address Tailwind deprecations and renames

Browse Source
This commit is contained in:
Claudio Ortolina
2025-02-28 20:55:36 +00:00
parent d9e87d6c80
commit 545dd808b7
12 changed files with 35 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/live/collection_live/index.html.heex
+2 -2
View File
@@ -2,7 +2,7 @@
<header class="gap-6 mb-2">
<div class="flex items-center justify-between gap-6 mb-2 mt-2">
<.search_form query={@record_list_params.query} />
<nav class="mt-2 isolate inline-flex rounded-md shadow-sm">
<nav class="mt-2 isolate inline-flex rounded-md shadow-xs">
<.link
class={[
"relative inline-flex items-center rounded-l-md",
@@ -34,7 +34,7 @@
</header>
<div class="flex items-end justify-between gap-6 mt-8">
<span class="isolate inline-flex rounded-md shadow-sm">
<span class="isolate inline-flex rounded-md shadow-xs">
<.link
patch={order_path(@record_list_params, :alphabetical)}
class={[
lib/music_library_web/live/collection_live/show.html.heex
+3 -3
View File
@@ -1,7 +1,7 @@
<div class="md:columns-2 mt-4 px-4">
<div class="drop-shadow md:max-w-[38rem]">
<div class="drop-shadow-sm md:max-w-[38rem]">
<img
class="w-full rounded-lg drop-shadow"
class="w-full rounded-lg drop-shadow-sm"
src={~p"/covers/#{@record.id}?vsn=#{@record.cover_hash}"}
alt={@record.title}
/>
@@ -46,7 +46,7 @@
<.focus_wrap
id={"actions-#{@record.id}"}
class={[
"hidden pointer-events-auto absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white dark:bg-zinc-800 py-2 shadow-lg ring-1 ring-zinc-900/5 focus:outline-none"
"hidden pointer-events-auto absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white dark:bg-zinc-800 py-2 shadow-lg ring-1 ring-zinc-900/5 focus:outline-hidden"
]}
role="menu"
aria-orientation="vertical"
lib/music_library_web/live/stats_live/index.html.heex
+5 -5
View File
@@ -24,7 +24,7 @@
</h1>
<%!-- TODO: replace with OSS version --%>
<dl class={[
"mt-5 grid divide-zinc-200 dark:divide-zinc-900 overflow-hidden rounded-md bg-white dark:bg-zinc-800 shadow divide-x-2",
"mt-5 grid divide-zinc-200 dark:divide-zinc-900 overflow-hidden rounded-md bg-white dark:bg-zinc-800 shadow-sm divide-x-2",
stats_class(@collection_count_by_format)
]}>
<div :for={{format, count} <- @collection_count_by_format} class="px-2 py-5 sm:px-4">
@@ -49,7 +49,7 @@
</h1>
<%!-- TODO: replace with OSS version --%>
<dl class={[
"mt-5 grid divide-zinc-200 dark:divide-zinc-900 overflow-hidden rounded-md bg-white dark:bg-zinc-800 shadow divide-x-2",
"mt-5 grid divide-zinc-200 dark:divide-zinc-900 overflow-hidden rounded-md bg-white dark:bg-zinc-800 shadow-sm divide-x-2",
stats_class(@collection_count_by_type)
]}>
<div :for={{type, count} <- @collection_count_by_type} class="px-2 py-5 sm:px-4">
@@ -86,7 +86,7 @@
<ul
id="scrobble-activity"
role="list"
class="mt-5 rounded-md px-4 py-5 shadow"
class="mt-5 rounded-md px-4 py-5 shadow-sm"
phx-update="stream"
>
<li :for={{id, track} <- @streams.recent_tracks} id={id} class="group">
@@ -98,7 +98,7 @@
</span>
<div class="relative flex space-x-3 items-center justify-between">
<div class="flex min-w-0 justify-between space-x-4 items-center">
<img class="h-12 w-12 rounded-md shadow" src={track.cover_url} alt={track.title} />
<img class="h-12 w-12 rounded-md shadow-sm" src={track.cover_url} alt={track.title} />
<div>
<p
:if={track.artist.musicbrainz_id not in @artist_ids}
@@ -182,7 +182,7 @@
<.focus_wrap
id={"actions-#{track.scrobbled_at_uts}"}
class={[
"hidden pointer-events-auto absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white dark:bg-zinc-800 py-2 shadow-lg ring-1 ring-zinc-900/5 focus:outline-none"
"hidden pointer-events-auto absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white dark:bg-zinc-800 py-2 shadow-lg ring-1 ring-zinc-900/5 focus:outline-hidden"
]}
role="menu"
aria-orientation="vertical"
lib/music_library_web/live/wishlist_live/show.html.heex
+3 -3
View File
@@ -1,7 +1,7 @@
<div class="md:columns-2 mt-4 px-4">
<div class="drop-shadow md:max-w-[38rem]">
<div class="drop-shadow-sm md:max-w-[38rem]">
<img
class="w-full rounded-lg drop-shadow"
class="w-full rounded-lg drop-shadow-sm"
src={~p"/covers/#{@record.id}?vsn=#{@record.cover_hash}"}
alt={@record.title}
/>
@@ -48,7 +48,7 @@
<.focus_wrap
id={"actions-#{@record.id}"}
class={[
"hidden pointer-events-auto absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white dark:bg-zinc-800 py-2 shadow-lg ring-1 ring-zinc-900/5 focus:outline-none"
"hidden pointer-events-auto absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white dark:bg-zinc-800 py-2 shadow-lg ring-1 ring-zinc-900/5 focus:outline-hidden"
]}
role="menu"
aria-orientation="vertical"