From 535718970535a54eb669b3f53f74e86696e81791 Mon Sep 17 00:00:00 2001
From: Xingan Zhao <2081098605@qq.com>
Date: Tue, 1 Oct 2024 23:48:01 +0800
Subject: [PATCH] fix:rounded border

---
 src/containers/App/App.css | 34 ++++++++++++++++++----------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/src/containers/App/App.css b/src/containers/App/App.css
index b99e3c3..458d694 100644
--- a/src/containers/App/App.css
+++ b/src/containers/App/App.css
@@ -456,13 +456,13 @@ footer a:hover {
 
 /* wet-lab,dry-lab用的内容框框 */
 .rounded-border {
-  margin: 50px;
-  padding: 50px;
+  margin: 5vw;
+  margin-top: 5vh;
+  margin-bottom: 1vh ;
+  padding: 5vw;
   border: 2px solid #e4dfb4b0; 
   /* 设置边框的宽度和颜色 */
   border-radius: 10px; /* 设置圆角半径 */
-  margin-bottom: 100px;
-  margin-left: 20px;
   /* max-width: 0.9vw; */
   background-color: #e4dfb4b0;
   /* box-shadow: 15px 15px 5px rgba(0,0,0,0.1); */
@@ -471,13 +471,13 @@ footer a:hover {
 }
 
 .rounded-border:hover {
-  margin: 50px;
-  margin-left: 20px;
-  padding: 50px;
+  margin: 5vw;
+  margin-top: 5vh;
+  margin-bottom: 5vh ;
+  padding: 5vw;
   border: 2px solid #e4dfb4b0; 
   /* 设置边框的宽度和颜色 */
   border-radius: 10px; /* 设置圆角半径 */
-  margin-bottom: 100px;
   /* max-width: 0.9vw; */
   background-color: #e4dfb4;
   box-shadow: 10px 10px 5px rgba(0,0,0,0.1);
@@ -485,24 +485,26 @@ footer a:hover {
 
 }
 
-.rounded-border.rounded-border{
-  margin: 50px;
-  padding: 50px;
+.rounded-border .rounded-border{
+  margin: 5vw;
+  margin-top: 1vh;
+  margin-bottom: 1vh ;
+  padding: 5vw;
   border: 2px solid #e4dfb4b0; 
   /* 设置边框的宽度和颜色 */
   border-radius: 10px; /* 设置圆角半径 */
-  margin-bottom: 100px;
   /* max-width: 0.9vw; */
   background-color: #e4dfb4b0;
 }
 
-.rounded-border.rounded-border:hover{
-  margin: 50px;
-  padding: 50px;
+.rounded-border .rounded-border:hover{
+  margin: 5vw;
+  margin-top: 1vh;
+  margin-bottom: 1vh ;
+  padding: 5vw;
   border: 2px solid #e4dfb4b0; 
   /* 设置边框的宽度和颜色 */
   border-radius: 10px; /* 设置圆角半径 */
-  margin-bottom: 100px;
   /* max-width: 0.9vw; */
   background-color: #e4dfb4;
   box-shadow: 10px 10px 5px rgba(0,0,0,0.1);
-- 
GitLab