diff --git a/html/channel.ejs b/html/channel.ejs index 4983787a..0b2c37eb 100644 --- a/html/channel.ejs +++ b/html/channel.ejs @@ -212,6 +212,7 @@ padding-bottom: 32px; font-family:inter; border-collapse: separate; table-layout: auto; + border-spacing: 4px 0; } .tabs.tabs-center { margin: auto; @@ -231,10 +232,7 @@ text-transform:uppercase; white-space: nowrap; cursor: pointer; } - .tabs a.tab:hover { - color: #fff; - text-decoration: none; -} + .tabs a.tab:after { transition: all 0.3s cubic-bezier(1, 0, 0, 1); will-change: transform, box-shadow, opacity; @@ -256,7 +254,10 @@ text-transform:uppercase; .tabs a.tab.active:after { opacity: 1; transform: scale(1, 1); -} +} + + + <% if(!isMobile) { %> @@ -264,6 +265,13 @@ text-transform:uppercase; .name{ text-align: left; } + .tabs a.tab:hover { + color: #fff; + text-decoration: none; + background: #333; + border-top-left-radius: 1em; + border-top-right-radius: 1em; +} .subs { margin: 0.6em;text-align: left;margin-left: 0px;margin-top: -1em;font-family: "PokeTube flex";font-weight: 1000;font-stretch: ultra-expanded; } @@ -297,6 +305,11 @@ text-transform:uppercase; border-radius: 22px; } + .tabs a.tab:hover { + color: #fff; + text-decoration: none; +} + .community { display: flex; flex-direction: column; @@ -351,7 +364,7 @@ text-transform:uppercase; margin: auto; font-size:15px } - + .tabs.tabs-justify { width: 100%; table-layout: fixed; @@ -395,8 +408,12 @@ text-transform:uppercase; body { background-color:#111 } - - + + .subscribe-button:hover { + text-decoration: none !important; + background: #f2ebeb !important; + cursor: pointer; +} <% } %> @@ -478,14 +495,14 @@ text-transform:uppercase; Channel Avatar
-

<%=j.Channel.Metadata.Name%> -
-

+

<%=j.Channel.Metadata.Name%> +

<%=subs%> subscribers

- + <% if (!isMobile) { %> @@ -541,7 +558,7 @@ text-transform:uppercase; <% if (j.Channel.Metadata.Banners.Thumbnail) { %> - + <% } %>