web/notify.moe
Code Issues Pull Requests Activity

Improved mobile styles

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
layout/sidebar/sidebar.scarlet
View File

@ -6,7 +6,7 @@ sidebar-spacing-y = 0.7rem
left 0 left 0
top 0 top 0
z-index 10 z-index 10
width 60vw width 70vw
height 100% height 100%
background sidebar-opaque-background background sidebar-opaque-background
transform translateX(-100%) transform translateX(-100%)
@ -14,7 +14,7 @@ sidebar-spacing-y = 0.7rem
overflow-y auto overflow-y auto
opacity 0 opacity 0
pointer-events none 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 transition opacity transition-speed ease, transform transition-speed ease
will-change opacity, transition will-change opacity, transition

2
pages/genres/genres.pixy
View File

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

14
pages/genres/genres.scarlet
View File

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