Fix visual bouncing quirk on load

This commit is contained in:
Chris McCord 2022-01-19 12:48:29 -05:00
parent 75d82eed3f
commit 53bd0a3cd1

View file

@ -15,18 +15,16 @@ defmodule LiveBeatsWeb.PlayerLive do
</div> </div>
<div class="bg-white dark:bg-gray-800 p-4"> <div class="bg-white dark:bg-gray-800 p-4">
<div class="flex items-center space-x-3.5 sm:space-x-5 lg:space-x-3.5 xl:space-x-5"> <div class="flex items-center space-x-3.5 sm:space-x-5 lg:space-x-3.5 xl:space-x-5">
<%= if @song do %>
<div class="pr-5"> <div class="pr-5">
<div class="min-w-0 max-w-xs flex-col space-y-0.5"> <div class="min-w-0 max-w-xs flex-col space-y-0.5">
<h2 class="text-black dark:text-white text-sm sm:text-sm lg:text-sm xl:text-sm font-semibold truncate"> <h2 class="text-black dark:text-white text-sm sm:text-sm lg:text-sm xl:text-sm font-semibold truncate">
<%= @song.title %> <%= if @song, do: @song.title, else: raw("&nbsp;") %>
</h2> </h2>
<p class="text-gray-500 dark:text-gray-400 text-sm sm:text-sm lg:text-sm xl:text-sm font-medium"> <p class="text-gray-500 dark:text-gray-400 text-sm sm:text-sm lg:text-sm xl:text-sm font-medium">
<%= @song.artist %> <%= if @song, do: @song.title, else: raw("&nbsp;") %>
</p> </p>
</div> </div>
</div> </div>
<% end %>
<.progress_bar id="player-progress" /> <.progress_bar id="player-progress" />