Improved mobile styles

This commit is contained in:
Eduard Urbach 2017-11-30 03:39:00 +01:00
parent 55adb9adef
commit 95d6057e13
3 changed files with 16 additions and 4 deletions

View File

@ -6,7 +6,7 @@ sidebar-spacing-y = 0.7rem
left 0
top 0
z-index 10
width 60vw
width 70vw
height 100%
background sidebar-opaque-background
transform translateX(-100%)
@ -14,7 +14,7 @@ sidebar-spacing-y = 0.7rem
overflow-y auto
opacity 0
pointer-events none
box-shadow 24px 0 24px rgba(0, 0, 0, 0.3)
box-shadow 24px 0 24px rgba(0, 0, 0, 0.2)
transition opacity transition-speed ease, transform transition-speed ease
will-change opacity, transition

View File

@ -7,6 +7,6 @@ component Genres(genres []string, genreToAnime map[string]*arn.Anime, user *arn.
.genre-text.front
.genre-icon
RawIcon(arn.GetGenreIcon(genre))
span= genre
span.genre-text-only= genre
img.genre-image.back(src=genreToAnime[genre].Image("medium"), alt=genreToAnime[genre].Title.ByUser(user), title=genre)

View File

@ -20,3 +20,15 @@
.back
shadow-up
< 450px
.genre
width 71px
height 100px
margin 0.3rem
.genre-icon
margin 0
.genre-text-only
display none