Update Heart component styling

walnuts1018 · Jan 18, 2024 · 2a69248 · 2a69248
1 parent 852564d
commit 2a69248
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/app/components/Heart.tsx b/src/app/components/Heart.tsx
@@ -41,13 +41,13 @@ export default function Heart() {
   return (
     <div>
       <Link
-        className='flex items-center justify-center outline-none border-red-500 rounded-full p-0 w-10 h-10 sm:w-12 sm:h-12 bg-white shadow-md'
+        className='flex items-center justify-center outline-none border-red-500 rounded-full p-0 w-10 h-10 sm:w-12 sm:h-12 bg-white shadow-md text-3xl sm:text-4xl'
         href='https://grafana.walnuts.dev/public-dashboards/e6b8482ee79a488f9201b190be2bafac'
         target='_blank'
         onMouseEnter={() => setShowDetail(true)}
         onMouseLeave={() => setShowDetail(false)}
       >
-        <FavoriteIcon fontSize='large' className=' text-red-500 heart text-3xl sm:text-4xl' />
+        <FavoriteIcon fontSize='large' className=' text-red-500 heart' />
       </Link>
       <div
         className={`absolute items-center h-full w-full top-10 flex left-0 justify-center text-2xl font-bold text-black transition-all duration-100 pointer-events-none