web/notify.moe
Code Issues Pull Requests Activity

Reverted forum style, used for genres now

Browse Source
This commit is contained in:
Eduard Urbach
2016-11-20 03:02:33 +09:00
parent e17f377dc6
commit 9794a09f12
17 changed files with 127 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
pages/genre/genre.pixy
View File

@ -2,5 +2,5 @@ component Genre(genre string, animeList []*arn.Anime)
h2.genre-header= arn.Capitalize(genre)
.grid
each anime in animeList
a.grid-cell.ajax(href="/anime/" + toString(anime.ID))
img.anime-image.grid-cell-content.grid-cell-image(src=anime.Image, alt=anime.Title.Romaji, title=anime.Title.Romaji + " (" + toString(anime.Watching) + ")")
a.grid-cell.grid-anime.ajax(href="/anime/" + toString(anime.ID))
img.anime-image.grid-image(src=anime.Image, alt=anime.Title.Romaji, title=anime.Title.Romaji + " (" + toString(anime.Watching) + ")")

28
pages/genre/genre.styl
View File

@ -1,28 +0,0 @@
.grid
display flex
flex-flow row wrap
float none !important
justify-content center
.grid-cell
margin 0.5em
flex-grow 0
flex-shrink 0
.grid-cell-content
width 16vw
height 9vw
min-width 90px
min-height 127px
max-width 200px
max-height 282px
.grid-cell-image
object-fit cover
.grid-cell-text
display flex
flex-flow column
align-items center
justify-content center
padding 0.75em