fix: display icons on safari

andraderaul · Mar 11, 2022 · 2ada1c6 · 2ada1c6 · vercel · Mar 11, 2022
1 parent a453182
commit 2ada1c6
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 12 deletions.
diff --git a/src/components/audio-player/audio-player.tsx b/src/components/audio-player/audio-player.tsx
@@ -52,7 +52,6 @@ export const AudioPlayer = ({
           className="h-20 w-20 sm:h-10 sm:w-10 dark:fill-gray-100 fill-gray-600 cursor-pointer
           hover:scale-110
           transition duration-200 ease-out hover:ease-in"
-          type="button"
           onClick={pause}
         />
       ) : (
@@ -61,7 +60,6 @@ export const AudioPlayer = ({
           className="h-20 w-20 sm:h-10 sm:w-10 dark:fill-gray-100 fill-gray-600 cursor-pointer
           hover:scale-110
           transition duration-200 ease-out hover:ease-in"
-          type="button"
           onClick={handlePlay}
         />
       )}

diff --git a/src/components/image-box/image-box.skeleton.tsx b/src/components/image-box/image-box.skeleton.tsx
@@ -20,7 +20,7 @@ export const ImageBoxSkeleton = () => {
 
           <div
             aria-label="image loading"
-            className="rounded w-72 h-72 bg-gray-300 dark:bg-gray-600"
+            className="w-72 h-72 bg-gray-300 dark:bg-gray-600"
           />
           <div className="mt-4 w-20 h-4 bg-gray-800 dark:bg-gray-100 rounded" />
           <div className="mt-4 mb-2 w-6/12 h-4 bg-gray-500 dark:bg-gray-200 rounded" />

diff --git a/src/components/image-box/image-box.tsx b/src/components/image-box/image-box.tsx
@@ -45,13 +45,7 @@ export const ImageBox = ({
             />
           </a>
         </div>
-        <Image
-          className="rounded"
-          alt={artist}
-          src={imgSrc}
-          width="300"
-          height="300"
-        />
+        <Image alt={artist} src={imgSrc} width="300" height="300" />
         <div className="flex flex-col items-start p-2">
           <strong className="w-64 truncate dark:text-neutral-200">
             {track}
@@ -66,7 +60,6 @@ export const ImageBox = ({
            hover:fill-red-500 hover:scale-110 cursor-pointer 
            transition duration-200 ease-out hover:ease-in"
             onClick={onDislike}
-            type="button"
           />
 
           <AudioPlayer src={audioSrc} />
@@ -77,7 +70,6 @@ export const ImageBox = ({
            hover:fill-spotifyGreen hover:scale-110 cursor-pointer 
            transition duration-200 ease-out hover:ease-in"
             onClick={onLike}
-            type="button"
           />
         </div>
       </div>