diff --git a/materialious/src/routes/channel/[slug]/+page.svelte b/materialious/src/routes/channel/[slug]/+page.svelte
index 53a3668e..85ad5eb5 100644
--- a/materialious/src/routes/channel/[slug]/+page.svelte
+++ b/materialious/src/routes/channel/[slug]/+page.svelte
@@ -24,6 +24,14 @@
+
+ {#each data.channel.tabs as tab}
+
+ {tab}
+
+ {/each}
+
+
@@ -41,4 +49,8 @@
padding: 1em 0;
justify-content: center;
}
+
+ .tabs {
+ text-transform: capitalize;
+ }
diff --git a/materialious/src/routes/watch/[slug]/+page.svelte b/materialious/src/routes/watch/[slug]/+page.svelte
index bdb1af21..600216f7 100644
--- a/materialious/src/routes/watch/[slug]/+page.svelte
+++ b/materialious/src/routes/watch/[slug]/+page.svelte
@@ -101,10 +101,20 @@
- {comment.author} - {comment.publishedText} -
++ {comment.author} + {comment.publishedText} +
+ {#if comment.isPinned} + push_pin + {/if} + {#if comment.isEdited} + edit + {/if} +{comment.content}
@@ -153,6 +163,13 @@ padding: 1em 10em; } + .channel-owner { + background-color: var(--primary); + padding: 0 0.5em; + border-radius: 1em; + color: var(--surface-variant); + } + @media screen and (max-width: 1646px) { .grid { padding: 0;