diff --git a/public/css/input.css b/public/css/input.css index 3bc90d3..2ad7f76 100644 --- a/public/css/input.css +++ b/public/css/input.css @@ -23,4 +23,7 @@ body { font-family: "Atkinson Hyperlegible", sans-serif; } +[data-loading] { + display: none; +} diff --git a/src/modules/album/album.templ b/src/modules/album/album.templ index fa83a91..d6b31ef 100644 --- a/src/modules/album/album.templ +++ b/src/modules/album/album.templ @@ -74,7 +74,12 @@ templ albumTemplFragment(albumId string, album *utils.Album, songs []utils.Song, { album.Name }

- { album.Artist } + + { album.Artist } +

for i, song := range songs { diff --git a/src/modules/index/index.templ b/src/modules/index/index.templ index 8aa5c61..ad69258 100644 --- a/src/modules/index/index.templ +++ b/src/modules/index/index.templ @@ -49,15 +49,22 @@ templ AlbumCard(album utils.Album) {
- - { album.Name } - -
- { album.Artist } -
+

+ + { album.Name } + +

+

+ + { album.Artist } + +

} diff --git a/src/utils/utils.templ b/src/utils/utils.templ index 2872c63..363c2f1 100644 --- a/src/utils/utils.templ +++ b/src/utils/utils.templ @@ -22,6 +22,14 @@ templ SkeletonTempl() { +
+
+
+
+
{ children... }
diff --git a/tailwind.config.mjs b/tailwind.config.mts similarity index 65% rename from tailwind.config.mjs rename to tailwind.config.mts index 9d56d37..4ce0a77 100644 --- a/tailwind.config.mjs +++ b/tailwind.config.mts @@ -5,6 +5,19 @@ export default { ], theme: { extend: { + animation: { + progress: 'progress 1s infinite linear', + }, + keyframes: { + progress: { + '0%': { transform: ' translateX(0) scaleX(0)' }, + '40%': { transform: 'translateX(0) scaleX(0.4)' }, + '100%': { transform: 'translateX(100%) scaleX(0.5)' }, + }, + }, + transformOrigin: { + 'left-right': '0% 50%', + }, colors: { "c-bg": "var(--c-bg)", "c-on-bg": "var(--c-on-bg)",