ソースを参照

忘れた

dev-master
コミット
a0607dea73
  1. 68
      public/css/peertube/videoslist.css

68
public/css/peertube/videoslist.css vendored

@ -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);
}
読み込み中…
キャンセル
保存