fix: login form UI

Privoce · Mar 18, 2021 · f3c6c5e · f3c6c5e
1 parent f835a23
commit f3c6c5e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 17 deletions.
diff --git a/src/page/Home/index.js b/src/page/Home/index.js
@@ -67,9 +67,9 @@ export default function Home() {
               comp: <Darkmode />,
               tip: 'Dark Mode'
             }
-          ].map(({ comp, tip }, idx) => {
+          ].map(({ comp, tip }) => {
             return (
-              <li key={tip} style={{ animationDelay: `.${idx * 1}s` }} className="setting">
+              <li key={tip} className="setting">
                 {comp}
                 <span className="tip">{tip}</span>
               </li>

diff --git a/src/page/Home/styled.js b/src/page/Home/styled.js
@@ -1,14 +1,4 @@
-import styled, { keyframes } from 'styled-components';
-const AniSlide = keyframes`
-  from {
-    transform:translateX(100%);
-    opacity:0;
-  }
-  to {
-    opacity:1;
-    transform:translateX(0)
-  }
-`;
+import styled from 'styled-components';
 const StyledWrapper = styled.section`
   position: relative;
   margin: 0 auto;
@@ -44,8 +34,7 @@ const StyledWrapper = styled.section`
       /* display: none; */
       margin-bottom: 0.15rem;
       position: relative;
-      transform: translatex(200%);
-      /* animation-direction: alternate; */
+      display: none;
       .tip {
         visibility: hidden;
         position: absolute;
@@ -84,8 +73,7 @@ const StyledWrapper = styled.section`
         }
       } */
       .setting {
-        animation: ${AniSlide} 0.5s forwards;
-        /* display: block; */
+        display: block;
       }
     }
   }