Changed forum-tags to tabs

config.json

@@ -17,6 +17,7 @@
 		"input",
 		"grid",
 		"forum",
+		"tabs",
 		"user",
 		"video",
 		"loading",

mixins/ForumTags.pixy

@@ -1,5 +1,5 @@
 component ForumTags
-	.buttons.forum-tags
+	.buttons.tabs
 		ForumTag("All", "", "list")
 		ForumTag("General", "general", "list")
 		ForumTag("News", "news", "list")
@@ -9,6 +9,6 @@ component ForumTags
 		ForumTag("Bugs", "bug", "list")
 
 component ForumTag(title string, category string, icon string)
-	a.button.forum-tag.action(href=strings.TrimSuffix("/forum/" + category, "/"), data-action="diff", data-trigger="click")
+	a.button.tab.action(href=strings.TrimSuffix("/forum/" + category, "/"), data-action="diff", data-trigger="click")
 		Icon(arn.GetForumIcon(category))
-		span.forum-tag-text= title
+		span.tab-text= title

pages/forum/forum.scarlet

@@ -6,29 +6,6 @@
 		width 100%
 		max-width forum-width
 
-.forum-tag
-	color text-color !important
-
-	:hover,
-	&.active
-		color white !important
-		background-color forum-tag-hover-color !important
-
-	// color text-color !important
-	// :hover
-	// 	color white !important
-	// &.active
-	// 	color white !important
-	// 	background-color link-hover-color
-
-< 920px
-	.forum-tag
-		.icon
-			margin-right 0
-	
-	.forum-tag-text
-		display none
-
 > 1250px
 	#new-thread
 		position fixed

pages/profile/profile.go

@@ -36,27 +36,27 @@ func Profile(ctx *aero.Context, viewUser *arn.User) string {
 	}, func() {
 		animeList = viewUser.AnimeList()
 	}, func() {
-		threads = viewUser.Threads()
+		// threads = viewUser.Threads()
 
-		arn.SortThreadsLatestFirst(threads)
+		// arn.SortThreadsLatestFirst(threads)
 
-		if len(threads) > maxPosts {
+		// if len(threads) > maxPosts {
-			threads = threads[:maxPosts]
+		// 	threads = threads[:maxPosts]
-		}
+		// }
 	}, func() {
-		posts = viewUser.Posts()
+		// posts = viewUser.Posts()
-		arn.SortPostsLatestFirst(posts)
+		// arn.SortPostsLatestFirst(posts)
 
-		if len(posts) > maxPosts {
+		// if len(posts) > maxPosts {
-			posts = posts[:maxPosts]
+		// 	posts = posts[:maxPosts]
-		}
+		// }
 	}, func() {
-		tracks = viewUser.SoundTracks()
+		// tracks = viewUser.SoundTracks()
-		arn.SortSoundTracksLatestFirst(tracks)
+		// arn.SortSoundTracksLatestFirst(tracks)
 
-		if len(tracks) > maxTracks {
+		// if len(tracks) > maxTracks {
-			tracks = tracks[:maxTracks]
+		// 	tracks = tracks[:maxTracks]
-		}
+		// }
 	})
 
 	return ctx.HTML(components.Profile(viewUser, user, animeList, threads, posts, tracks))

styles/forum.scarlet

@@ -63,10 +63,6 @@
 .thread-link-title
 	color text-color
 
-.forum-tags
-	// justify-content flex-start !important
-	margin-bottom 1rem
-
 .post-author
 	horizontal
 	justify-content center

styles/navigation.scarlet

@@ -83,7 +83,7 @@
 	.extra-navigation
 		display block
 
-< 400px height
+< 380px height
 	#navigation
 		vertical
 		height 100%

styles/tabs.scarlet

@@ -0,0 +1,26 @@
+.tab
+	color text-color !important
+
+	:hover,
+	&.active
+		color white !important
+		background-color forum-tag-hover-color !important
+
+	// color text-color !important
+	// :hover
+	// 	color white !important
+	// &.active
+	// 	color white !important
+	// 	background-color link-hover-color
+
+< 920px
+	.tab
+		.icon
+			margin-right 0
+	
+	.tab-text
+		display none
+
+.tabs
+	// justify-content flex-start !important
+	margin-bottom 1rem