web/notify.moe
Code Issues Pull Requests Activity

Explore page improvements

Browse Source
This commit is contained in:
Eduard Urbach 2017-11-12 11:49:06 +01:00
parent f31d439c6b
commit fe0c6bf991
3 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
mixins/AnimeGrid.pixy
View File

@ -3,4 +3,5 @@ component AnimeGrid(animeList []*arn.Anime, user *arn.User)
each anime in animeList each anime in animeList
a.anime-grid-cell.ajax(href="/anime/" + toString(anime.ID)) a.anime-grid-cell.ajax(href="/anime/" + toString(anime.ID))
img.anime-grid-image.lazy(data-src=anime.Image("medium"), data-webp="true", alt=anime.Title.Romaji) img.anime-grid-image.lazy(data-src=anime.Image("medium"), data-webp="true", alt=anime.Title.Romaji)
p.anime-grid-title= anime.Title.ByUser(user) .anime-grid-title
.anime-grid-title-text= anime.Title.ByUser(user)

8
styles/anime-grid.scarlet
View File

@ -20,9 +20,11 @@
left 0 left 0
width 100% width 100%
padding 0.5rem padding 0.5rem
font-size 80% background linear-gradient(to top, hsla(0, 0%, 0%, 0.8), hsla(0, 0%, 0%, 0))
default-transition
.anime-grid-title-text
text-align center text-align center
background linear-gradient(to top, hsla(0, 0%, 0%, 0.5), hsla(0, 0%, 0%, 0))
color white color white
text-shadow 0 0 3px black text-shadow 0 0 3px black
transition opacity transition-speed ease font-size 80%

2
styles/include/mixins.scarlet
View File

@ -59,7 +59,7 @@ mixin anime-mini-item-image
border-radius 2px border-radius 2px
filter none filter none
transition filter transition-speed ease, opacity transition-speed ease transition filter transition-speed ease, opacity transition-speed ease
:hover :hover
filter saturate(1.3) filter saturate(1.3)