Improved mobile layout
This commit is contained in:
parent
5e583819d3
commit
706f3e6131
@ -6,12 +6,14 @@
|
|||||||
horizontal-wrap
|
horizontal-wrap
|
||||||
justify-content flex-start
|
justify-content flex-start
|
||||||
|
|
||||||
|
.episode
|
||||||
|
flex-basis 190px
|
||||||
|
|
||||||
.episode
|
.episode
|
||||||
vertical
|
vertical
|
||||||
ui-element
|
ui-element
|
||||||
button-hover
|
button-hover
|
||||||
flex 0
|
flex 0
|
||||||
flex-basis 190px
|
|
||||||
margin 0.5rem
|
margin 0.5rem
|
||||||
padding 0.5rem
|
padding 0.5rem
|
||||||
overflow hidden
|
overflow hidden
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
component Calendar(days []*utils.CalendarDay, user *arn.User)
|
component Calendar(days []*utils.CalendarDay, user *arn.User)
|
||||||
h1.mountable Calendar
|
h1.mountable Calendar
|
||||||
|
|
||||||
.corner-buttons-hide-on-mobile
|
.corner-buttons
|
||||||
button.action(data-trigger="click", data-action="calendarShowAddedAnimeOnly", title="Show anime in my collection")
|
button.action(data-trigger="click", data-action="calendarShowAddedAnimeOnly", title="Show anime in my collection")
|
||||||
RawIcon("eye")
|
RawIcon("eye")
|
||||||
|
|
||||||
|
@ -1,18 +1,31 @@
|
|||||||
.corner-buttons
|
.corner-buttons
|
||||||
display flex
|
display flex
|
||||||
justify-content center
|
justify-content center
|
||||||
|
margin-bottom content-padding
|
||||||
|
|
||||||
|
position absolute
|
||||||
|
top content-padding
|
||||||
|
right content-padding
|
||||||
|
|
||||||
.corner-buttons-hide-on-mobile
|
.corner-buttons-hide-on-mobile
|
||||||
display none
|
|
||||||
|
|
||||||
button,
|
|
||||||
.button
|
|
||||||
margin 0 0.25rem
|
|
||||||
|
|
||||||
> 600px
|
|
||||||
.corner-buttons,
|
|
||||||
.corner-buttons-hide-on-mobile
|
|
||||||
display flex
|
display flex
|
||||||
position absolute
|
position absolute
|
||||||
top content-padding
|
top content-padding
|
||||||
right 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