Move channel specific CSS to separate file

assets/css/channel.css

@@ -0,0 +1,13 @@
+#channel-banner-container {
+  margin-bottom: 1em;
+}
+
+#banner {
+  display: flex;
+  flex-direction: column-reverse;
+
+  height: calc(100vw / 6.2 - 1px);
+  background-size: cover !important;
+  background-repeat: no-repeat !important;
+}
+

assets/css/default.css

@@ -15,16 +15,6 @@ body {
   background-color: rgb(255, 0, 0, 0.5);
 }
 
-#channel-banner-container {
-  margin-bottom: 1em;
-}
-
-#banner {
-  height: calc(100vw / 6.2 - 1px);
-  background-size: cover !important;
-  background-repeat: no-repeat !important;
-}
-
 .channel-profile > * {
   font-size: 1.17em;
   font-weight: bold;

src/invidious/views/components/channel-information.ecr

@@ -1,5 +1,6 @@
 <% content_for "header" do %>
 <title><%= channel.author %> - Invidious</title>
+<link rel="stylesheet" href="/css/channel.css?v=<%= ASSET_COMMIT %>"/>
 <link rel="alternate" type="application/rss+xml" title="RSS" href="/feed/channel/<%= channel.ucid %>" />
 <% end %>