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 profile
-

- {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;