Added tab groups

This commit is contained in:
Eduard Urbach 2018-03-13 02:31:01 +01:00
parent 634bbb151e
commit e9385ec079
2 changed files with 18 additions and 21 deletions

View File

@ -26,9 +26,15 @@ component SoundTracksScrollable(tracks []*arn.SoundTrack, user *arn.User)
SoundTrack(track) SoundTrack(track)
component SoundTracksTabs(tag string) component SoundTracksTabs(tag string)
.tabs .tab-groups
Tab("Latest", "music", "/soundtracks") .tabs
Tab("Best", "heart", "/soundtracks/best") Tab("Latest", "music", "/soundtracks")
Tab("Best", "heart", "/soundtracks/best")
if tag != "" .tabs
Tab(tag, "tag", "/soundtracks/tag/" + tag) Tab("opening", "tag", "/soundtracks/tag/opening")
Tab("ending", "tag", "/soundtracks/tag/ending")
if tag != "" && tag != "opening" && tag != "ending"
.tabs
Tab(tag, "tag", "/soundtracks/tag/" + tag)

View File

@ -29,13 +29,6 @@
border-top-right-radius ui-element-border-radius border-top-right-radius ui-element-border-radius
border-bottom-right-radius ui-element-border-radius border-bottom-right-radius ui-element-border-radius
// color text-color !important
// :hover
// color white !important
// &.active
// color white !important
// background-color link-hover-color
< 920px < 920px
.tab .tab
.icon .icon
@ -47,11 +40,9 @@
.tabs .tabs
horizontal horizontal
justify-content center justify-content center
// margin-left calc(content-padding * -1) margin content-padding calc(content-padding / 4)
// margin-top calc(content-padding * -1) margin-top 0
// margin-right calc(content-padding * -2)
margin-bottom content-padding .tab-groups
// background-color rgba(0, 0, 0, 0.02) horizontal
// justify-content flex-start !important justify-content center
// margin-bottom 1rem
// margin-top -0.6rem