From a0607dea7313c6d7e6a01bc2f197b53ace3f5684 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=83=86=E3=82=AF=E3=83=8B=E3=82=AB=E3=83=AB=E8=AB=8F?=
 =?UTF-8?q?=E8=A8=AA=E5=AD=90?= <renraku@076.ne.jp>
Date: Thu, 16 Dec 2021 15:44:57 +0900
Subject: [PATCH] =?UTF-8?q?=E5=BF=98=E3=82=8C=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/peertube/videoslist.css | 68 ++++++++++++++++++++++++++++++
 1 file changed, 68 insertions(+)

diff --git a/public/css/peertube/videoslist.css b/public/css/peertube/videoslist.css
index 5c316f3..23ef7a0 100644
--- a/public/css/peertube/videoslist.css
+++ b/public/css/peertube/videoslist.css
@@ -80,4 +80,72 @@ my-global-icon {
   font-weight: 600;
   margin-bottom: 20px;
   grid-column: 1/-1;
+}
+
+@media screen and (min-width: 500px) {
+  .margin-content .videos, .margin-content .playlists {
+    --miniatureMinWidth: 255px;
+    --miniatureMaxWidth: 280px;
+    display: grid;
+    grid-column-gap: 30px;
+    column-gap: 30px;
+    grid-template-columns: repeat(auto-fill,minmax(var(--miniatureMinWidth),1fr));
+  }
+}
+
+.section:first-child {
+  padding-top: 30px;
+}
+
+.section:first-child .section-title {
+  border-top: 0!important;
+}
+
+.section .section-title a:hover, .section .section-title a:focus:not(.focus-visible), .section .section-title a:active {
+  text-decoration: none;
+  outline: none;
+}
+
+.section .section-title:not(h2) {
+  border-top: 1px solid rgba(0,0,0,.1);
+}
+
+.section .section-title {
+  font-size: 24px;
+  font-weight: 600;
+  padding-top: 15px;
+  margin-bottom: 15px;
+  display: flex;
+  justify-content: space-between;
+}
+
+.section-title {
+  grid-column: 1/-1;
+}
+
+@media screen and (min-width: 500px) {
+  .margin-content .videos, .margin-content .playlists {
+    --miniatureMinWidth: 255px;
+    --miniatureMaxWidth: 280px;
+    display: grid;
+    grid-column-gap: 30px;
+    column-gap: 30px;
+    grid-template-columns: repeat(auto-fill,minmax(var(--miniatureMinWidth),1fr));
+  }
+}
+
+.channel-info, .account-info, .channel, .miniature-show-channel, description-html {
+  background-color: #5e3c62 !important;
+}
+
+.section.channel .section-title a {
+  display: flex;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  align-items: center;
+}
+
+.section .section-title a {
+  color: var(--mainForegroundColor);
 }
\ No newline at end of file