style: 💄 adjust transformX value on Animation component

andersonfpcorrea · Nov 12, 2022 · 89a690f · 89a690f
1 parent b6b340f
commit 89a690f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/components/Animate/Animate.jsx b/src/components/Animate/Animate.jsx
@@ -6,7 +6,7 @@ function Animate({ children, id, className = "" }) {
     <AnimatePresence exitBeforeEnter>
       <motion.div
         key={id}
-        initial={{ x: 10, opacity: 0 }}
+        initial={{ x: 0, opacity: 0 }}
         animate={{ y: 0, opacity: 1 }}
         exit={{ y: -10, opacity: 0 }}
         transition={{ duration: 0.2 }}

diff --git a/src/components/VideoPlayer/VideoPlayer.jsx b/src/components/VideoPlayer/VideoPlayer.jsx
@@ -11,8 +11,7 @@ function VideoPlayer({ video }) {
     return (
       <div className="w-full">
         <iframe
-          className="w-full h-[50vw] min-[959px]:h-[40vw] min-[1150px]:w-[52vw] min-[1150px]:h-[25vw] xl:w-[55vw] xl:h-[30vw]"
-          style={{ borderRadius: "1rem", margin: "-10px" }}
+          className="w-full h-[50vw] min-[959px]:h-[40vw] min-[1150px]:w-[52vw] min-[1150px]:h-[25vw] xl:w-[55vw] xl:h-[30vw] rounded-2xl"
           src={`https://www.youtube.com/embed/${videoID}`}
           title="YouTube video player"
           frameBorder="0"