From b1336e3f7fbc43854b6e891578a1d7673ea8e6dd Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Sun, 27 Feb 2022 23:35:17 +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