d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-06-03 15:10:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

修复next/example搜索结果内容太长

Browse Source
This commit is contained in:
tangly1024.com
2023-03-27 12:30:23 +08:00
parent 6322a4002a
commit 28bd411eda
3 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
styles/globals.css
View File

@@ -223,3 +223,12 @@ nav {
.tk-main a { .tk-main a {
@apply text-blue-700 @apply text-blue-700
} }
/* 最多显示4行文字 */
.p-4-lines {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}

2
themes/example/components/BlogListPage.js
View File

@@ -42,7 +42,7 @@ export const BlogListPage = props => {
</p> </p>
{/* 搜索结果 */} {/* 搜索结果 */}
{p.results && ( {p.results && (
<p className="mt-4 text-gray-700 dark:text-gray-300 text-sm font-light leading-7"> <p className="p-4-lines mt-4 text-gray-700 dark:text-gray-300 text-sm font-light leading-7">
{p.results.map(r => ( {p.results.map(r => (
<span key={r}>{r}</span> <span key={r}>{r}</span>
))} ))}

2
themes/next/components/BlogPostCard.js
View File

@@ -75,7 +75,7 @@ const BlogPostCard = ({ post, showSummary }) => {
{/* 搜索结果 */} {/* 搜索结果 */}
{post.results && ( {post.results && (
<p className="mt-4 text-gray-700 dark:text-gray-300 text-sm font-light leading-7"> <p className="p-4-lines mt-4 text-gray-700 dark:text-gray-300 text-sm font-light leading-7">
{post.results.map(r => ( {post.results.map(r => (
<span key={r}>{r}</span> <span key={r}>{r}</span>
))} ))}