Improve layout on editor pages for small screens
This commit is contained in:
parent
8710bffb0b
commit
36cf43f7b9
@ -30,8 +30,7 @@ component Editor(url string, score int, scoreTitle string, scoreTypes map[string
|
||||
component EditorTabs(url string, user *arn.User)
|
||||
.corner-buttons-left
|
||||
a.button(href="/editor")
|
||||
Icon("arrow-left")
|
||||
span Overview
|
||||
RawIcon("arrow-left")
|
||||
|
||||
if strings.Contains(url, "/editor/anime/")
|
||||
.tabs
|
||||
@ -74,11 +73,6 @@ component EditorTabs(url string, user *arn.User)
|
||||
Tab("Low-Res", "image", "/editor/anime/image/lowres" + user.Settings().Editor.Filter.Suffix())
|
||||
Tab("Ultra Low-Res", "image", "/editor/anime/image/ultralowres" + user.Settings().Editor.Filter.Suffix())
|
||||
|
||||
if strings.Contains(url, "/editor/anime/") || strings.Contains(url, "/editor/mal/diff/anime")
|
||||
.corner-buttons.fixed
|
||||
#filter-root(data-url=url)
|
||||
ExploreFilters(user.Settings().Editor.Filter.Year, user.Settings().Editor.Filter.Status, user.Settings().Editor.Filter.Type, true)
|
||||
|
||||
if strings.Contains(url, "/editor/soundtracks/")
|
||||
.tabs
|
||||
Tab("Links", "external-link", "/editor/soundtracks/links")
|
||||
@ -86,3 +80,8 @@ component EditorTabs(url string, user *arn.User)
|
||||
Tab("Tags", "tag", "/editor/soundtracks/tags")
|
||||
Tab("File", "volume-off", "/editor/soundtracks/file")
|
||||
|
||||
if strings.Contains(url, "/editor/anime/") || strings.Contains(url, "/editor/mal/diff/anime")
|
||||
.editor-filters
|
||||
#filter-root(data-url=url)
|
||||
ExploreFilters(user.Settings().Editor.Filter.Year, user.Settings().Editor.Filter.Status, user.Settings().Editor.Filter.Type, true)
|
||||
|
@ -6,6 +6,9 @@
|
||||
img
|
||||
margin-right 1rem
|
||||
|
||||
.editor-filters
|
||||
//
|
||||
|
||||
.editor-list-entry-count
|
||||
margin-top 0
|
||||
margin-bottom content-padding
|
||||
@ -18,3 +21,10 @@
|
||||
|
||||
.feature-card-color-company
|
||||
background hsl(150, feature-card-saturation, feature-card-lightness) !important
|
||||
|
||||
> 1550px
|
||||
.editor-filters
|
||||
position fixed
|
||||
right content-padding
|
||||
top content-padding
|
||||
z-index 1
|
@ -26,9 +26,6 @@ mixin corner-buttons
|
||||
.button
|
||||
margin-left 0.5rem
|
||||
|
||||
.fixed
|
||||
position fixed
|
||||
|
||||
< 600px
|
||||
.corner-buttons-hide-on-mobile
|
||||
display none
|
||||
|
Loading…
Reference in New Issue
Block a user