fix safari focus bug

dxe · Jan 21, 2024 · bce0425 · bce0425
1 parent 6a4ad01
commit bce0425
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/svg/play-icon.tsx b/src/components/svg/play-icon.tsx
@@ -1,7 +1,7 @@
 export const PlayIcon = ({ className }: { className?: string }) => (
   <svg
     className={className}
-    height="32px"
+    // height="32px"
     version="1.1"
     viewBox="0 0 32 32"
     xmlSpace="preserve"

diff --git a/src/routes/index.component.tsx b/src/routes/index.component.tsx
@@ -150,7 +150,7 @@ const Video1Section = () => {
       <Dialog>
         <DialogTrigger asChild>
           <button className="md:order-first max-w-[325px] relative">
-            <PlayIcon className="inset-0 absolute w-full h-full scale-[33%]" />
+            <PlayIcon className="absolute h-24 w-24 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" />
             <img
               src={video1Thumb}
               className="aspect-square rounded-md"
@@ -192,7 +192,7 @@ const Video2Section = () => {
       <Dialog>
         <DialogTrigger asChild>
           <button className="md:order-first max-w-[325px] relative">
-            <PlayIcon className="inset-0 absolute w-full h-full scale-[33%]" />
+            <PlayIcon className="absolute h-24 w-24 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" />
             <img
               src={video2Thumb}
               className="aspect-square rounded-md"