From b72b2ea324a3ab0e94b987bf98024bd884d25f33 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Tue, 16 Aug 2022 01:28:24 +0800
Subject: [PATCH] 调整子评论间距
---
src/components/mini/box14-video.vue | 27 ++++++++++++---------------
1 files changed, 12 insertions(+), 15 deletions(-)
diff --git a/src/components/mini/box14-video.vue b/src/components/mini/box14-video.vue
index 2ef594c..ad280c1 100644
--- a/src/components/mini/box14-video.vue
+++ b/src/components/mini/box14-video.vue
@@ -15,10 +15,10 @@
<div class="entry-post">
<div class="entry-header">
<h5 class="entry-title">
- <!-- <router-link :to="{path:'videoDetail',query:{id:item.id}}" :title="item.title">
+ <router-link :to="{path:'videoDetail',query:{id:item.id}}" :title="item.title">
{{item.title}}
- </router-link> -->
- {{item.title}}
+ </router-link>
+ <!-- {{item.title}} -->
</h5>
<div class="post_content">
{{item.introduce}}
@@ -200,7 +200,6 @@
.entry-preview .entry-meta {
display: flex;
- justify-content: space-between;
font-size: .5rem;
padding: .5rem 0 0 0;
flex-wrap: wrap;
@@ -271,27 +270,25 @@
overflow: hidden;
}
- @media screen and (max-width:1024px) {
+ @media screen and (min-width:768px) {
+ .gridClass {
+ grid-template-columns: repeat(2, 1fr);
+ }
+ }
+
+ @media screen and (max-width:767px) {
.gridClass {
grid-row-gap: 2rem;
grid-column-gap: 0rem;
grid-template-columns: repeat(1, 1fr);
-
+
.entry-preview {
display: block;
}
-
+
.thumbnail_box {
min-width: 100%;
}
- }
-
-
- }
-
- @media screen and (min-width:1025px) {
- .gridClass {
- grid-template-columns: repeat(2, 1fr);
}
}
</style>
--
Gitblit v1.9.1