Merge pull request #63 from Code-Odyssey-Editor/gagan_cheema

Fix the ui design problem which occurs due to the className
Code-Odyssey-Editor · Nov 9, 2023 · 118d528 · 118d528
2 parents e5c9264 + 4ecf661
commit 118d528
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 14 deletions.
diff --git a/src/pages/auth/signinpage.css b/src/pages/auth/signinpage.css
@@ -1,9 +1,4 @@
-*{
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    font-family: 'jost',sans-serif;
-}
+
 
 .body{
     background: #f2f2f2;
@@ -90,7 +85,7 @@ transform: rotateY(180deg);
     color: rgba(16, 185, 129, 1);
     font-weight: bolder;
 }
-span{
+.span{
     position: relative;
     top: 50px;
     left:50px;
@@ -163,13 +158,13 @@ span{
     padding-left: 10px;
 
  }
- body {
+ .body {
 
     transition: filter 0.5s ease; 
     filter: brightness(80%);
   }
 
-  body:hover {
+  .body:hover {
     filter: brightness(100%);
     cursor: pointer;
   }
diff --git a/src/pages/auth/signinpage.tsx b/src/pages/auth/signinpage.tsx
@@ -18,8 +18,8 @@ const SignIn: React.FC = () => {
           <div className="front">
             <div className="inner">
 
-              <span >Code Odyssey </span>
-              <span className="text-black"> Editor</span>
+              <span className="span">Code Odyssey </span>
+              <span className="text-black span"> Editor</span>
 
               <h1 className="title">SignIn</h1>
               <div className="flex justify-center my-2 mt-20">
@@ -86,8 +86,8 @@ const SignIn: React.FC = () => {
 
           <div className="back">
             <div className="inner">
-              <span >Code Odyssey Editor</span>
-              <span className="text-black"> Editor</span>
+              <span className="span">Code Odyssey Editor</span>
+              <span className="text-black span"> Editor</span>
               <h1 className="title2">Reset Password</h1>
               <form className="flex flex-col items-center">
                 <Input
@@ -134,4 +134,4 @@ const SignIn: React.FC = () => {
   );
 };
 
-export default SignIn;
+export default SignIn;