From 2f9d3c2392db9094af5ac6ea50b017140421f059 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Fri, 25 Feb 2022 18:35:59 +0800
Subject: [PATCH] 评论页页面拟定
---
src/components/mini/box-friend.vue | 17 +++++++++++------
1 files changed, 11 insertions(+), 6 deletions(-)
diff --git a/src/components/mini/box-friend.vue b/src/components/mini/box-friend.vue
index 8b33ff5..99e267e 100644
--- a/src/components/mini/box-friend.vue
+++ b/src/components/mini/box-friend.vue
@@ -76,9 +76,9 @@
}
.link-box {
- padding: 4.375rem 2.1875rem 2.1875rem;
+ padding: 3.375rem 2.1875rem 0.1875rem;
overflow: hidden;
- margin: -3.125rem;
+ margin: -3.125rem -3.125rem 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
@@ -191,16 +191,16 @@
@media screen and (min-width: 1600px) {
.link-box a {
margin: 0 0.9375rem 3.75rem;
- width: -webkit-calc(120% / 5 - 1.875rem);
- width: calc(120% / 5 - 1.875rem);
+ width: -webkit-calc(100% / 5 - 1.875rem);
+ width: calc(100% / 5 - 1.875rem);
}
}
@media screen and (max-width: 1599px) and (min-width: 768px) {
.link-box a {
margin: 0 0.9375rem 3.75rem;
- width: -webkit-calc(130% / 4 - 1.875rem);
- width: calc(130% / 4 - 1.875rem);
+ width: -webkit-calc(100% / 4 - 1.875rem);
+ width: calc(100% / 4 - 1.875rem);
}
}
@@ -219,5 +219,10 @@
width: -webkit-calc(50% - 1.5rem);
width: calc(50% - 1.5rem);
}
+
+ .blog-main {
+ padding-left: 3%;
+ padding-right: 3%;
+ }
}
</style>
--
Gitblit v1.9.1