diff --git a/Moonlight.Client/Styles/additions/animations.css b/Moonlight.Client/Styles/additions/animations.css new file mode 100644 index 00000000..cabfea90 --- /dev/null +++ b/Moonlight.Client/Styles/additions/animations.css @@ -0,0 +1,9 @@ +@keyframes shimmer { + 0% { + background-position: 0 0 + } + + to { + background-position: -200% 0 + } +} \ No newline at end of file diff --git a/Moonlight.Client/Styles/style.css b/Moonlight.Client/Styles/style.css index a82a8fff..71330e96 100644 --- a/Moonlight.Client/Styles/style.css +++ b/Moonlight.Client/Styles/style.css @@ -1,6 +1,7 @@ @import "tailwindcss/base"; @import "tailwindcss/components"; +@import "additions/animations.css"; @import "additions/fonts.css"; @import "additions/buttons.css"; @import "additions/cards.css"; diff --git a/Moonlight.Client/Styles/tailwind.config.js b/Moonlight.Client/Styles/tailwind.config.js index 3eee47b5..1ac81f62 100644 --- a/Moonlight.Client/Styles/tailwind.config.js +++ b/Moonlight.Client/Styles/tailwind.config.js @@ -115,6 +115,9 @@ module.exports = { 900: '#111721', 950: '#0e121c', } + }, + animation: { + 'shimmer': 'shimmer 2s linear infinite', } }, }, diff --git a/Moonlight.Client/UI/Views/Index.razor b/Moonlight.Client/UI/Views/Index.razor index 73d0d8b8..c297c04a 100644 --- a/Moonlight.Client/UI/Views/Index.razor +++ b/Moonlight.Client/UI/Views/Index.razor @@ -1,5 +1,12 @@ @page "/" -