style: restyle some container widths

AAISS · Nov 23, 2023 · 6cae9d3 · 6cae9d3
1 parent b553589
commit 6cae9d3
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/App.css b/src/App.css
@@ -27,6 +27,7 @@ html {
   padding-top: 120px;
   overflow-y: auto;
   overflow-x: hidden;
+  width: 100%;
 }
 
 .nav {

diff --git a/src/pages/Signup/Signup.jsx b/src/pages/Signup/Signup.jsx
@@ -94,7 +94,7 @@ const SignUpForm = ({onLoginClick}) => {
                 alignItems="center"
                 gap={2}
                 p={8}
-                style={{backgroundColor: 'var(--background-color)', borderRadius: 20, width: '50%'}}
+                style={{backgroundColor: 'var(--background-color)', borderRadius: 20, width: '250px'}}
             >
                 <Typography variant="h2" fontSize={45} style={{textAlign: 'center'}}>
                     Sign Up
@@ -237,7 +237,7 @@ const LoginForm = ({onSignUpClick}) => {
                 alignItems="center"
                 gap={2}
                 p={8}
-                style={{backgroundColor: 'var(--background-color)', borderRadius: 20, width: '60%'}}
+                style={{backgroundColor: 'var(--background-color)', borderRadius: 20, width: '250px'}}
             >
                 <Typography variant="h2" fontSize={45} style={{textAlign: 'center'}}>
                     Login

diff --git a/src/pages/workshops/WorkshopsPage.jsx b/src/pages/workshops/WorkshopsPage.jsx
@@ -19,8 +19,7 @@ export default function WorkshopsPage() {
             display: "grid",
             gridTemplateColumns: gridTemplateColumnsValue,
             justifyItems: "center",
-            width: "80vw",
-            gap: "30px",
+            gap: "15px",
         }}>
             {toastData && <Toast
                 open={openToast}