From 4ad1c9c931ea3d4dee230b91dc2a91b2226c3250 Mon Sep 17 00:00:00 2001
From: shaojiemike <943648187@qq.com>
Date: Mon, 22 Jan 2024 15:45:07 +0800
Subject: [PATCH] fix: restrict words in news grid

---
 layouts/news/list.html    |  4 ++--
 static/css/style5News.css | 10 ++++++++++
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/layouts/news/list.html b/layouts/news/list.html
index 4197c6e..639f753 100644
--- a/layouts/news/list.html
+++ b/layouts/news/list.html
@@ -117,7 +117,7 @@ <h3>
 			{{ range .Data.Pages }}
 				{{ if and (and (ne .Params.selectedInFirstPage 2) (ne .Params.selectedInFirstPage 1)) (ne .Params.selectedInFirstPage 3)}}
 				
-				<article class="small-grid">
+				<article class="small-grid auto-height">
 					<div class = "small-grid-pic">
 						<a href="{{ .RelPermalink }}">
 							{{ $img := .Params.img_url }}
@@ -133,7 +133,7 @@ <h3>
 							{{ end }}
 						</a>
 					</div>
-					<div class="small-grid-content">
+					<div class="small-grid-content small-news-content">
 						<div class="post-meta">
 							<p>{{ .Params.types }}</p>
 						</div>
diff --git a/static/css/style5News.css b/static/css/style5News.css
index 7f41249..da37e90 100644
--- a/static/css/style5News.css
+++ b/static/css/style5News.css
@@ -112,6 +112,16 @@
     line-height: 1.2em;
 }
 
+.auto-height{
+    height: auto;
+}
+
+.small-news-content{
+    position: relative;
+    top: 0;
+    padding: 28px 28px 10px 28px;
+}
+
 @media only screen and (max-width: 1450px) {
     .first-grid {
         width: 95%;