Schisandra-Cloud-Storage/schisandra-cloud-storage-front-react
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 解决页面body样式污染问题

Browse Source
This commit is contained in:
landaiqing
2024-04-22 02:00:31 +08:00
parent 299d84f30f
commit b53a7e2853
5 changed files with 60 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/layout/default/index.less
View File

@@ -6,13 +6,13 @@ html {
scroll-behavior: smooth;
}
html, body {
width: 100%;
html, .main-body {
width: 100vw;
height: 100vh;
margin: 0;
}
body {
.main-body {
font-family: "DM Sans", sans-serif;
display: flex;
justify-content: center;
@@ -20,7 +20,7 @@ body {
flex-direction: column;
//overflow: hidden;
//overflow-x: hidden;
//background-image: url("@/assets/images/background.png");
background-image: url("@/assets/images/background.png");
background-position: center;
background-size: cover;
padding: 20px;
@@ -43,8 +43,8 @@ h1,p{
border-radius: 10px;
width: 100vw;
height: 100vh;
max-width: 1510px;
max-height: 670px;
max-width: 1500px;
max-height: 650px;
background: linear-gradient(180deg, #e0e9fd 0%, #e9ecf1 90%);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
display: flex;