From 6a5fc5349277299dc360f739ed7121e5aa7ecdc0 Mon Sep 17 00:00:00 2001 From: Claudio Ortolina Date: Wed, 24 Sep 2025 21:10:02 +0300 Subject: [PATCH] Improve shine effect --- assets/css/app.css | 2 +- lib/music_library_web/components/stats_components.ex | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/assets/css/app.css b/assets/css/app.css index a8940563..c99a53d3 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -52,7 +52,7 @@ @keyframes shine { 0%, 100% { - background-size: 200% 200%; + background-size: 100% 100%; background-position: left center; } 50% { diff --git a/lib/music_library_web/components/stats_components.ex b/lib/music_library_web/components/stats_components.ex index 7e5fe01f..7618c23f 100644 --- a/lib/music_library_web/components/stats_components.ex +++ b/lib/music_library_web/components/stats_components.ex @@ -229,9 +229,9 @@ defmodule MusicLibraryWeb.StatsComponents do "text-xs leading-5", normal_year?(@years) && "text-zinc-500 dark:text-zinc-400", gold_year?(@years) && - "font-semibold bg-gradient-to-r bg-clip-text text-transparent from-yellow-200 via-yellow-500 to-yellow-700 animate-shine", + "font-semibold bg-gradient-to-r bg-clip-text text-transparent from-yellow-500 via-yellow-200 to-yellow-700 animate-shine", silver_year?(@years) && - "font-semibold bg-gradient-to-r bg-clip-text text-transparent from-gray-200 via-gray-500 to-gray-700 animate-shine" + "font-semibold bg-gradient-to-r bg-clip-text text-transparent from-gray-500 via-gray-200 to-gray-700 animate-shine" ]}> {ngettext( "1 year ago",