diff --git a/assets/css/app.css b/assets/css/app.css index 5f747ab7..dad7d3e5 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -42,7 +42,7 @@ --font-sans: "InterVariable", sans-serif; --font-sans--font-feature-settings: "cv02", "cv03", "cv04", "cv11"; --animate-shake: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; - --animate-shine: shine 3s linear infinite; + --animate-shine: shine 10s linear infinite; --animate-equalizer-bar: equalizer-bar 1.2s ease-in-out infinite; @keyframes shake { diff --git a/lib/music_library_web/components/stats_components.ex b/lib/music_library_web/components/stats_components.ex index 41dd8436..374952de 100644 --- a/lib/music_library_web/components/stats_components.ex +++ b/lib/music_library_web/components/stats_components.ex @@ -300,7 +300,7 @@ defmodule MusicLibraryWeb.StatsComponents do :if={@years && same_year?(@years)} class={[ "text-xs/5", - "animate-shine bg-linear-to-br from-red-700 via-red-300 to-red-700 bg-clip-text font-semibold text-transparent bg-[length:200%_100%]" + "animate-shine bg-linear-to-r from-red-700 via-red-300 to-red-700 bg-clip-text font-semibold text-transparent bg-[length:200%_100%]" ]} > {gettext("Today")} @@ -311,9 +311,9 @@ defmodule MusicLibraryWeb.StatsComponents do "text-xs/5", normal_year?(@years) && "text-zinc-500 dark:text-zinc-400", gold_year?(@years) && - "animate-shine bg-linear-to-br from-yellow-700 via-yellow-300 to-yellow-700 bg-clip-text font-semibold text-transparent bg-[length:200%_100%]", + "animate-shine bg-linear-to-r from-yellow-700 via-yellow-300 to-yellow-700 bg-clip-text font-semibold text-transparent bg-[length:200%_100%]", silver_year?(@years) && - "animate-shine bg-linear-to-br from-gray-600 via-gray-300 to-gray-600 bg-clip-text font-semibold text-transparent bg-[length:200%_100%]" + "animate-shine bg-linear-to-r from-gray-600 via-gray-300 to-gray-600 bg-clip-text font-semibold text-transparent bg-[length:200%_100%]" ]} > {ngettext(