fix css overflow hidden

This commit is contained in:
wataru 2023-01-28 15:07:32 +09:00
parent 9cc7dc5eb7
commit 6d3d4bdd79
2 changed files with 30 additions and 33 deletions

View File

@ -36,7 +36,7 @@ const App = () => {
return (
<div className="body">
<div className="main-body">
<div className="body-row split-6-4">
<div className="body-top-title">
Voice Changer Setting

View File

@ -42,6 +42,8 @@ html {
body {
height: 100%;
width: 100%;
overflow-y: scroll;
overflow-x: hidden;
color: var(--text-color);
/* background: linear-gradient(45deg, var(--company-color1) 0, 5%, var(--company-color2) 5% 10%, var(--company-color3) 10% 80%, var(--company-color1) 80% 85%, var(--company-color2) 85% 100%); */
background: linear-gradient(45deg, var(--company-color1) 0, 1%, var(--company-color2) 1% 5%, var(--company-color3) 5% 80%, var(--company-color1) 80% 85%, var(--company-color2) 85% 100%);
@ -50,16 +52,14 @@ body {
height: 100%;
width: 100%;
}
.body {
.main-body {
height: 100%;
width: 100%;
margin: 1rem;
padding: 2rem;
font-family: "Yusei Magic", sans-serif;
display: flex;
flex-direction: column;
font-size: 1rem;
overflow-y: scroll;
}
.body-row {
}
@ -198,7 +198,6 @@ body {
left: 60%;
width: 40%;
}
}
.underline {
border-bottom: 3px solid #333;
@ -251,7 +250,6 @@ body {
}
}
.body-section-title {
font-size: 1.5rem;
color: rgb(51, 49, 49);
@ -288,7 +286,6 @@ body {
margin-right: 5px;
padding-left: 20px;
padding-right: 20px;
}
.body-button {
user-select: none;