diff --git a/public/css/common.css b/public/css/common.css index 85872b2..1fc6b90 100755 --- a/public/css/common.css +++ b/public/css/common.css @@ -37,9 +37,6 @@ button, input, optgroup, select, textarea { font-family: inherit; line-height: inherit; } -*, :after, :before { - box-sizing: border-box; -} input { text-rendering: auto; letter-spacing: normal; @@ -112,23 +109,10 @@ input { font-size: 15px; } -img, svg { - vertical-align: middle; -} - -img { - border-style: none; -} - .dropdown-toggle { white-space: nowrap; } - -element.style { - overflow: hidden; - height: 32px; -} #custom-css input, #custom-css textarea { background: var(--inputColor) !important; color: var(--mainForegroundColor) !important; @@ -186,12 +170,6 @@ my-action-buttons { width: -webkit-max-content; width: max-content; } -@media screen and (max-width: 1600px) { - .main-col { - --horizontalMarginContent: 15px; - --videosHorizontalMarginContent: 30px; - } -} .video-info-description { margin-inline-end: 0; } @@ -292,16 +270,12 @@ my-recommended-videos { column-gap: 30px; grid-template-columns: repeat(auto-fill,minmax(var(--miniatureMinWidth),1fr)); } -} -@media screen and (min-width: 500px) { .margin-content .videos .video-wrapper, .margin-content .videos .playlist-wrapper, .margin-content .playlists .video-wrapper, .margin-content .playlists .playlist-wrapper { margin: 0 auto; width: 100%; } -} -@media screen and (min-width: 500px) { .margin-content .videos .video-wrapper my-video-miniature, .margin-content .videos .video-wrapper my-video-playlist-miniature, .margin-content .videos .playlist-wrapper my-video-miniature, .margin-content .videos .playlist-wrapper my-video-playlist-miniature, .margin-content .playlists .video-wrapper my-video-miniature, .margin-content .playlists .video-wrapper my-video-playlist-miniature, .margin-content .playlists .playlist-wrapper my-video-miniature, .margin-content .playlists .playlist-wrapper my-video-playlist-miniature { display: block; min-width: var(--miniatureMinWidth); @@ -330,63 +304,6 @@ my-video-miniature { height: 100%; top: 0; } -.video-thumbnail { - display: flex; - flex-direction: column; - position: relative; - border-radius: 3px; - width: 100%; - height: 100%; - overflow: hidden; - background-color: #ececec; - transition: filter .2s ease; -} -.video-thumbnail-actions-overlay { - position: absolute; - display: flex; - flex-direction: column; - right: 5px; - top: 5px; - opacity: 0; -} -.video-thumbnail-label-overlay.danger { - background-color: red; -} -.video-thumbnail-label-overlay { - position: absolute; - padding: 0 5px; - left: 5px; - top: 5px; - font-weight: 700; -} -.video-thumbnail-watch-later-overlay, .video-thumbnail-label-overlay, .video-thumbnail-duration-overlay, .video-thumbnail-live-overlay { - display: inline-block; - background-color: #000000b3; - color: #fff; - border-radius: 3px; - font-size: 12px; - font-weight: 600; - line-height: 1.1; - z-index: 10; -} -.video-thumbnail-duration-overlay, .video-thumbnail-live-overlay { - position: absolute; - padding: 0 3px; - right: 5px; - bottom: 5px; -} -.video-thumbnail .play-overlay, .video-thumbnail .play-overlay .icon { - transition: all .2s ease; -} -.video-thumbnail .play-overlay { - position: absolute; - right: 0; - bottom: 0; - width: inherit; - height: inherit; - opacity: 0; - background-color: #0000004d; -} .video-miniature:not(.display-as-row) .video-bottom { display: flex; width: 100%; @@ -461,6 +378,26 @@ my-video-miniature { font-weight: 600; } +.video-thumbnail-watch-later-overlay, .video-thumbnail-label-overlay, .video-thumbnail-duration-overlay, .video-thumbnail-live-overlay { + display: inline-block; + background-color: #000000b3; + color: #fff; + border-radius: 3px; + font-size: 12px; + font-weight: 600; + line-height: 1.1; + z-index: 10; +} + +.video-thumbnail-actions-overlay { + position: absolute; + display: flex; + flex-direction: column; + right: 5px; + top: 5px; + opacity: 0; +} + .video-thumbnail { display: flex; flex-direction: column; @@ -478,6 +415,13 @@ my-video-miniature { height: inherit; } +.video-thumbnail-duration-overlay, .video-thumbnail-live-overlay { + position: absolute; + padding: 0 3px; + right: 5px; + bottom: 5px; +} + .video-thumbnail-label-overlay.warning { background-color: orange; } @@ -569,32 +513,6 @@ my-actor-avatar { margin-top: 10px; margin-bottom: 0; } -.video-miniature:not(.display-as-row) .video-miniature-name { - margin-top: 10px; - margin-bottom: 5px; -} -.video-miniature-name { - display: block; - display: -webkit-box; - -webkit-line-clamp: 2; - font-size: 1.1em; - line-height: 1.1em; - overflow: hidden; - text-overflow: ellipsis; - max-height: 2.2em; - word-break: break-word; - word-wrap: break-word; - overflow-wrap: break-word; - transition: color .2s; - font-weight: 600; - color: var(--mainForegroundColor); -} -.video-miniature:not(.display-as-row) .video-miniature-created-at-views { - display: block; -} -.video-miniature-created-at-views { - font-size: 13px; -} .video-miniature-account, .video-miniature-channel { white-space: nowrap; overflow: hidden; @@ -603,12 +521,6 @@ my-actor-avatar { font-size: 13px; color: var(--greyForegroundColor); } -.video-miniature-created-at-views { - font-size: 13px; -} -.video-info-privacy, .video-info-blocked .blocked-label, .video-info-nsfw { - font-weight: 600; -} .icon-search { @@ -629,9 +541,6 @@ my-actor-avatar { my-search-typeahead { margin-inline-end: 15px; } -.w-100 { - width: 100%!important; -} .icon-logo { background-image: url(/client/assets/images/logo.svg?f43d062f4606d20e41cab4363a9d9da456139512); @@ -697,11 +606,6 @@ my-search-typeahead { cursor: pointer; } -a { - text-decoration: none; - background-color: initial; -} - menu:focus, menu:hover { overflow-y: auto; } @@ -1025,18 +929,9 @@ my-actor-avatar { .avatar-32 { --avatarSize: 32px; } -.flex-column { - flex-direction: column!important; -} .main-row { min-height: calc(100vh - 50px - 30px - 30px); } -@media screen and (max-width: 1600px) { - .main-col { - --horizontalMarginContent: 15px; - --videosHorizontalMarginContent: 30px; - } -} .main-col { margin-inline-start: 240px; } @@ -1057,15 +952,6 @@ svg { width: inherit; height: inherit; } -svg { - overflow: hidden; -} -img, svg { - vertical-align: middle; -} -img { - border-style: none; -} .title-page-container .title-page.active, .title-page-container .title-page.title-page-single { margin-inline-end: .5rem!important; @@ -1095,12 +981,6 @@ h2 { margin-block-start: 0.83em; margin-block-end: 0.83em; } -@media screen and (max-width: 1600px) { - .main-col { - --horizontalMarginContent: 15px; - --videosHorizontalMarginContent: 30px; - } -} #custom-css .dropdown-menu, #custom-css .dropdown-menu .dropdown-item { background-color: #421a46 !important; } @@ -1279,16 +1159,10 @@ my-subscribe-button { .pt-3, .py-3 { padding-top: 1rem!important; } -.w-100 { - width: 100%!important; -} .justify-content-end { justify-content: flex-end!important; } -.d-flex { - display: flex!important; -} .position-relative { position: relative!important; } @@ -1623,4 +1497,4 @@ p { width: 15px; height: 15px; margin-inline-start: 20px; -} \ No newline at end of file +} diff --git a/public/css/style.css b/public/css/style.css index 97fe07b..21bc037 100755 --- a/public/css/style.css +++ b/public/css/style.css @@ -1,20 +1,13 @@ body { - --mainColor: #00abff; - --mainBackgroundColor: #121212; - --mainForegroundColor: rgba(195,195,195,0.878431); --submenuColor: #272727; - --submenuBackgroundColor: #272727; - --channelBackgroundColor: #272727; --inputColor: #272727; --inputPlaceholderColor: rgba(195,195,195,0.878431); --menuAndHeaderBackgroundColor: #272727; --menuForegroundColor: rgba(195,195,195,0.878431); --menuBackgroundColor: #272727; --whiteColor: #ffffff; - --mainHoverColor: #0481bf; - --actionButtonColor: #ffffff; --dangerBackgroundColor: #d9534f; - /*font-family: "Open Sans",sans-serif;*/ + font-family: "Open Sans",sans-serif; } /* Main background */ @@ -470,4 +463,4 @@ body { /* About */ #custom-css .anchor-link .section-title { color: inherit; - } \ No newline at end of file + } diff --git a/resources/views/layout/component/a/channels.blade.php b/resources/views/layout/component/a/channels.blade.php index cb3be77..1d764b6 100644 --- a/resources/views/layout/component/a/channels.blade.php +++ b/resources/views/layout/component/a/channels.blade.php @@ -1,11 +1,13 @@ - +
@foreach ($res['channel']->data as $ch) -
+
@include('layout.component.a.channels.avatar') @include('layout.component.common.subscribe') - @include('layout.component.a.channels.videos') + @foreach ($ch->video->data as $v) + @include('layout.component.common.videominature') + @endforeach
@endforeach
diff --git a/resources/views/layout/component/a/channels/avatar.blade.php b/resources/views/layout/component/a/channels/avatar.blade.php index 4b99ebf..4d5f56c 100644 --- a/resources/views/layout/component/a/channels/avatar.blade.php +++ b/resources/views/layout/component/a/channels/avatar.blade.php @@ -1,14 +1,14 @@
- - チャンネルのアバター + + チャンネルのアバター

{{ $ch->displayName }}

-
{{ $ch->followersCount }}人登録者
{{ $ch->video->total }}枚動画 +
{{ $ch->followersCount }}人登録者
{{ $ch->video->total }}枚動画

diff --git a/resources/views/layout/component/a/channels/videos.blade.php b/resources/views/layout/component/a/channels/videos.blade.php deleted file mode 100644 index 77a844f..0000000 --- a/resources/views/layout/component/a/channels/videos.blade.php +++ /dev/null @@ -1,47 +0,0 @@ -

- @foreach ($ch->video->data as $v) - -
- - - -
-
-
{{ ptDuration($v->duration) }}
-
-
-
-
-
-
-
-
-
-
-
-
- - {{ $v->name }} - - - - {{ date('Y/m/d', strtotime($v->publishedAt)) }} - - • - - {{ $v->views }} 回視聴 - - - -
-
-
-
-
-
- @endforeach - - -
diff --git a/resources/views/layout/component/a/info.blade.php b/resources/views/layout/component/a/info.blade.php index 98e5fe4..4203d95 100644 --- a/resources/views/layout/component/a/info.blade.php +++ b/resources/views/layout/component/a/info.blade.php @@ -1,7 +1,7 @@ diff --git a/resources/views/layout/component/a/links.blade.php b/resources/views/layout/component/a/links.blade.php index 7f6b0f3..38d2d00 100644 --- a/resources/views/layout/component/a/links.blade.php +++ b/resources/views/layout/component/a/links.blade.php @@ -1,11 +1,11 @@