Improved mobile styles

2017-11-30 03:39:00 +01:00
parent 55adb9adef
commit 95d6057e13
3 changed files with 16 additions and 4 deletions
--- a/pages/genres/genres.pixy
+++ b/pages/genres/genres.pixy
@ -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)
--- a/pages/genres/genres.scarlet
+++ b/pages/genres/genres.scarlet
@ -19,4 +19,16 @@
 	shadow-up

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