Move scrobbled at info to make import button more visible
This commit is contained in:
@@ -78,23 +78,24 @@
|
|||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
>
|
>
|
||||||
</span>
|
</span>
|
||||||
<div class="relative flex space-x-3 items-center">
|
<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" src={track.cover_url} alt={track.title} />
|
||||||
<div class="flex min-w-0 flex-1 justify-between space-x-4 items-center">
|
<div class="font-semibold">
|
||||||
<div class="font-semibold grow">
|
|
||||||
<p class="text-sm md:text-base block cursor-pointer text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-300">
|
<p class="text-sm md:text-base block cursor-pointer text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-300">
|
||||||
<%= track.artist.name %>
|
<%= track.artist.name %>
|
||||||
</p>
|
</p>
|
||||||
<p class="text-sm md:text-base text-zinc-700 dark:text-zinc-300">
|
<p class="text-sm md:text-base text-zinc-700 dark:text-zinc-300">
|
||||||
<%= track.title %>
|
<%= track.title %>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
|
||||||
<time
|
<time
|
||||||
datetime={format_scrobbled_at_uts(track.scrobbled_at_uts)}
|
datetime={format_scrobbled_at_uts(track.scrobbled_at_uts)}
|
||||||
class="whitespace-nowrap text-right text-xs sm:text-sm text-zinc-500 dark:text-zinc-400"
|
class="whitespace-nowrap text-right text-xs sm:text-sm text-zinc-500 dark:text-zinc-400"
|
||||||
>
|
>
|
||||||
<%= track.scrobbled_at_label %>
|
<%= track.scrobbled_at_label %>
|
||||||
</time>
|
</time>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="relative flex-none">
|
<div class="relative flex-none">
|
||||||
<button
|
<button
|
||||||
@@ -147,7 +148,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -178,7 +178,7 @@ msgstr ""
|
|||||||
|
|
||||||
#: lib/music_library_web/live/record_live/import_component.ex:76
|
#: lib/music_library_web/live/record_live/import_component.ex:76
|
||||||
#: lib/music_library_web/live/record_live/index.html.heex:89
|
#: lib/music_library_web/live/record_live/index.html.heex:89
|
||||||
#: lib/music_library_web/live/stats_live/index.html.heex:108
|
#: lib/music_library_web/live/stats_live/index.html.heex:109
|
||||||
#: lib/music_library_web/live/wishlist_live/index.html.heex:89
|
#: lib/music_library_web/live/wishlist_live/index.html.heex:89
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
msgid "Open options"
|
msgid "Open options"
|
||||||
|
|||||||
Reference in New Issue
Block a user