Added anime cover images to lists
This commit is contained in:
parent
dd520faaf9
commit
aeb562b548
@ -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"
|
||||
|
BIN
images/brand/144.png
Normal file
BIN
images/brand/144.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 48 KiB |
BIN
images/brand/144.webp
Normal file
BIN
images/brand/144.webp
Normal file
Binary file not shown.
After Width: | Height: | Size: 13 KiB |
@ -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
|
||||
|
||||
|
@ -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)
|
@ -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
|
||||
|
Loading…
Reference in New Issue
Block a user