Merge pull request lzxjack#41 from lzxjack/hotfix

feat: update animate method
sakuraee · Mar 31, 2022 · 41b2d18 · 41b2d18
2 parents 8bde111 + fe50045
commit 41b2d18
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/src/components/Comment/EditBox/AdminBox/index.scss b/src/components/Comment/EditBox/AdminBox/index.scss
@@ -26,6 +26,7 @@
   justify-content: center;
   align-items: center;
   @extend .trans;
+  transform: translate(0, 100%);
 
   .itemBox {
     @extend .itemBoxBase;
@@ -67,6 +68,10 @@
   }
 }
 
+.showAdmin {
+  transform: translate(0, 0);
+}
+
 @media screen and (max-width: 1240px) {
   .itemBoxBase {
     height: 30rem;

diff --git a/src/components/Comment/EditBox/AdminBox/index.tsx b/src/components/Comment/EditBox/AdminBox/index.tsx
@@ -49,12 +49,12 @@ const AdminBox: React.FC<Props> = ({
     }
   });
 
-  useKeyPress(13, () => adminLogin(), {
+  useKeyPress(13, adminLogin, {
     target: pwdRef
   });
 
   return (
-    <div className={s.adminBox} style={{ top: showAdmin ? '0' : '100%' }}>
+    <div className={classNames(s.adminBox, { [s.showAdmin]: showAdmin })}>
       <div className={s.itemBox}>
         <div className={s.adminKey}>邮箱</div>
         <input

diff --git a/src/components/Nav/index.scss b/src/components/Nav/index.scss
@@ -17,8 +17,8 @@
 }
 
 .hiddenNav {
-  top: -$navHeight !important;
   box-shadow: none !important;
+  transform: translate(0, -$navHeight);
 }
 
 .nav {