fix: 修复幻灯片和文章配图样式

Author: dyedd

assets/css/main.css

@@ -201,18 +201,22 @@ a, a:hover {
 
 /* 幻灯片 */
 .carousel-item {
-    max-height: 17.5rem;
+    max-height: 25rem;
 }
 
 .carousel_link {
     color: #fff;
     text-decoration: none;
     display: inline-block;
+    width: 100%;
+    height: 25rem;
+    overflow: hidden;
 }
 
 .carousel_link img {
     width: 100%;
     height: 100%;
+    object-fit: cover;
 }
 
 .carousel-inner {

component/post.content.php

@@ -1,5 +1,5 @@
 <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
-<section class="article-info <?php if(!$this->fields->banner){echo 'no-cover';}?>"">
+<section class="article-info <?php if(!$this->fields->banner){echo 'no-cover';}?>">
     <?php if($this->fields->banner):?>
         <div class="article-cover-inner">
             <img src="<?= $this->fields->banner()?>" alt="cover">