From be7dd58ba5cbe063e0dca60cf2b7b08d36465d3d Mon Sep 17 00:00:00 2001
From: filesite <release@filesite.io>
Date: Tue, 30 Jul 2024 09:25:51 +0800
Subject: [PATCH] css improve for player page

---
 themes/beauty/views/site/player.php | 6 +++---
 www/css/beauty.css                  | 3 +++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/themes/beauty/views/site/player.php b/themes/beauty/views/site/player.php
index 4d56145..7b03345 100644
--- a/themes/beauty/views/site/player.php
+++ b/themes/beauty/views/site/player.php
@@ -28,7 +28,7 @@
 
 
 <div class="row">
-    <div class="col col-md-9">
+    <div class="col col-md-8">
         <div class="videoplayer">
             <video
                 data-id="<?php echo $viewData['videoId']; ?>"
@@ -52,7 +52,7 @@
             </div>
         </div>
     </div>
-    <div class="col col-md-3 morevideos">
+    <div class="col col-md-4 morevideos">
         <hr class="visible-xs">
         <div class="btn_autoplay">
             自动播放
@@ -72,7 +72,7 @@
 </div>
 
 <script type="text/template" id="template_video_item">
-    <div class="im_item col-xs-6 col-md-12">
+    <div class="im_item col-xs-6">
         <a href="{videoUrl}" class="bor_radius" title="{title}">
             <img src="/img/beauty/video_snap.jpg" class="bor_radius im_img video-poster" id="poster_{videoId}"
                 data-video-id="{videoId}"
diff --git a/www/css/beauty.css b/www/css/beauty.css
index 47ab6a6..5a9a4c1 100644
--- a/www/css/beauty.css
+++ b/www/css/beauty.css
@@ -138,6 +138,8 @@ a:link{text-decoration:none}
 .duration{position:absolute;left:5px;bottom:5px;background-color:#222;padding:0 3px;opacity:0.7;border-radius:3px;font-size:12px;color:#FFF}
 .video_previewer{display:none;position:fixed;right:4px;bottom:4px;width:200px;height:112px;overflow:hidden;z-index:1000}
 
+.othervideos{max-height:560px;overflow-y:auto}
+
 .mt-2{margin-top:2em}
 .mt-1{margin-top:1em}
 .mr-1{margin-right:1em}
@@ -166,6 +168,7 @@ a:link{text-decoration:none}
 
     .pagination>li>a, .pagination>li>span{padding:3px 7px}
     .videotitle{max-width:52%}
+    .othervideos{max-height:inherit}
 }
 
 @keyframes musicTurn {