Improved mobile layout

This commit is contained in:
Eduard Urbach 2018-03-12 01:27:33 +01:00
parent 5e583819d3
commit 706f3e6131
3 changed files with 25 additions and 10 deletions

View File

@ -6,12 +6,14 @@
horizontal-wrap
justify-content flex-start
.episode
flex-basis 190px
.episode
vertical
ui-element
button-hover
flex 0
flex-basis 190px
margin 0.5rem
padding 0.5rem
overflow hidden

View File

@ -1,7 +1,7 @@
component Calendar(days []*utils.CalendarDay, user *arn.User)
h1.mountable Calendar
.corner-buttons-hide-on-mobile
.corner-buttons
button.action(data-trigger="click", data-action="calendarShowAddedAnimeOnly", title="Show anime in my collection")
RawIcon("eye")

View File

@ -1,18 +1,31 @@
.corner-buttons
display flex
justify-content center
margin-bottom content-padding
position absolute
top content-padding
right content-padding
.corner-buttons-hide-on-mobile
display none
button,
.button
margin 0 0.25rem
> 600px
.corner-buttons,
.corner-buttons-hide-on-mobile
display flex
position absolute
top content-padding
right content-padding
.corner-buttons,
.corner-buttons-hide-on-mobile
button,
.button
margin-left 0.5rem
< 600px
.corner-buttons-hide-on-mobile
display none
.corner-buttons
.icon
margin-right 0
span
display none