diff --git a/config.json b/config.json index 470a98c4..6b208020 100644 --- a/config.json +++ b/config.json @@ -38,6 +38,11 @@ "src": "images/brand/64", "sizes": "64x64" }, + { + "src": "images/brand/144", + "sizes": "144x144", + "type": "image/png" + }, { "src": "images/brand/300", "sizes": "300x300" diff --git a/images/brand/144.png b/images/brand/144.png new file mode 100644 index 00000000..10356773 Binary files /dev/null and b/images/brand/144.png differ diff --git a/images/brand/144.webp b/images/brand/144.webp new file mode 100644 index 00000000..636af88e Binary files /dev/null and b/images/brand/144.webp differ diff --git a/pages/animelist/animelist.pixy b/pages/animelist/animelist.pixy index 4b26c19e..8b4262dc 100644 --- a/pages/animelist/animelist.pixy +++ b/pages/animelist/animelist.pixy @@ -40,6 +40,10 @@ component AnimeList(animeList *arn.AnimeList, viewUser *arn.User, user *arn.User tbody each item in animeList.Items tr.anime-list-item.mountable(title=item.Notes, data-api="/api/animelist/" + animeList.UserID + "/update/" + item.AnimeID) + td.anime-list-item-image-container + a.ajax(href=item.Anime().Link()) + img.anime-list-item-image.lazy(data-src=item.Anime().Image.Tiny, alt=item.Anime().Title.Canonical) + td.anime-list-item-name a.ajax(href=item.Link(animeList.User().Nick))= item.Anime().Title.Canonical diff --git a/pages/animelist/animelist.scarlet b/pages/animelist/animelist.scarlet index e0a97e10..00e34f06 100644 --- a/pages/animelist/animelist.scarlet +++ b/pages/animelist/animelist.scarlet @@ -11,6 +11,18 @@ .anime-list-item horizontal + td + display flex + align-items center + +.anime-list-item-image-container + padding 0 + +.anime-list-item-image + width 27px + height 39px + border-radius 2px + .anime-list-item-name flex 1 clip-long-text @@ -20,7 +32,7 @@ justify-content flex-end text-align right white-space nowrap - flex-basis 120px + width 130px :hover .plus-episode @@ -48,11 +60,12 @@ .anime-list-item-rating text-align right - flex-basis 70px + justify-content flex-end + width 65px .anime-list-item-actions display none - flex-basis 30px + width 30px // // Beautify icon alignment // .raw-icon @@ -69,11 +82,13 @@ .anime-list-item-airing-date display block text-align right - flex-basis 150px + width 150px + opacity 0.8 + justify-content flex-end < 1100px .anime-list-item-rating - display none + display none !important .fill-screen min-height calc(100vh - nav-height - content-padding * 2 - 1rem - 43px - 23px) \ No newline at end of file diff --git a/styles/embedded.scarlet b/styles/embedded.scarlet index c7bf7e9a..93726479 100644 --- a/styles/embedded.scarlet +++ b/styles/embedded.scarlet @@ -13,8 +13,8 @@ remove-margin = 1.1rem margin-top calc(remove-margin * -1) width calc(100% + remove-margin * 2) - td - padding 0.4rem 0.8rem + // td + // padding 0.4rem 0.8rem .anime-list-owner display none