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)
|
component EditorTabs(url string, user *arn.User)
|
||||||
.corner-buttons-left
|
.corner-buttons-left
|
||||||
a.button(href="/editor")
|
a.button(href="/editor")
|
||||||
Icon("arrow-left")
|
RawIcon("arrow-left")
|
||||||
span Overview
|
|
||||||
|
|
||||||
if strings.Contains(url, "/editor/anime/")
|
if strings.Contains(url, "/editor/anime/")
|
||||||
.tabs
|
.tabs
|
||||||
@ -74,15 +73,15 @@ component EditorTabs(url string, user *arn.User)
|
|||||||
Tab("Low-Res", "image", "/editor/anime/image/lowres" + user.Settings().Editor.Filter.Suffix())
|
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())
|
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/")
|
if strings.Contains(url, "/editor/soundtracks/")
|
||||||
.tabs
|
.tabs
|
||||||
Tab("Links", "external-link", "/editor/soundtracks/links")
|
Tab("Links", "external-link", "/editor/soundtracks/links")
|
||||||
Tab("Lyrics", "font", "/editor/soundtracks/lyrics")
|
Tab("Lyrics", "font", "/editor/soundtracks/lyrics")
|
||||||
Tab("Tags", "tag", "/editor/soundtracks/tags")
|
Tab("Tags", "tag", "/editor/soundtracks/tags")
|
||||||
Tab("File", "volume-off", "/editor/soundtracks/file")
|
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
|
img
|
||||||
margin-right 1rem
|
margin-right 1rem
|
||||||
|
|
||||||
|
.editor-filters
|
||||||
|
//
|
||||||
|
|
||||||
.editor-list-entry-count
|
.editor-list-entry-count
|
||||||
margin-top 0
|
margin-top 0
|
||||||
margin-bottom content-padding
|
margin-bottom content-padding
|
||||||
@ -18,3 +21,10 @@
|
|||||||
|
|
||||||
.feature-card-color-company
|
.feature-card-color-company
|
||||||
background hsl(150, feature-card-saturation, feature-card-lightness) !important
|
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
|
.button
|
||||||
margin-left 0.5rem
|
margin-left 0.5rem
|
||||||
|
|
||||||
.fixed
|
|
||||||
position fixed
|
|
||||||
|
|
||||||
< 600px
|
< 600px
|
||||||
.corner-buttons-hide-on-mobile
|
.corner-buttons-hide-on-mobile
|
||||||
display none
|
display none
|
||||||
|
Loading…
Reference in New Issue
Block a user