Improved mobile layout
This commit is contained in:
parent
5e583819d3
commit
706f3e6131
@ -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
|
||||
|
@ -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")
|
||||
|
||||
|
@ -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
|
Loading…
Reference in New Issue
Block a user