fix: remove unnecessary underlines in components on landing page

t3-oss · Sep 16, 2022 · 1a5cc5e · 1a5cc5e
1 parent 0336955
commit 1a5cc5e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/www/src/components/landingPage/banner.astro b/www/src/components/landingPage/banner.astro
@@ -42,7 +42,7 @@
                 >
                   <a
                     href="/en/introduction"
-                    class="inline-flex items-center rounded-full p-1 pr-2 sm:text-base lg:text-sm xl:text-base cursor-pointer"
+                    class="inline-flex items-center rounded-full p-1 pr-2 sm:text-base lg:text-sm xl:text-base cursor-pointer hover:no-underline"
                   >
                     <span
                       class="px-3 sm:px-5 py-1.5 text-slate-800 text-sm font-semibold leading-5 bg-t3-purple-100 rounded-full flex items-center justify-between hover:bg-t3-purple-200"
@@ -63,7 +63,7 @@
                     href="https://github.com/t3-oss/create-t3-app"
                     target="_blank"
                     rel="noopener noreferrer"
-                    class="inline-flex items-center rounded-full p-1 pr-2 sm:text-base lg:text-sm xl:text-base cursor-pointer bg-white/10 hover:bg-white/20"
+                    class="inline-flex items-center rounded-full p-1 pr-2 sm:text-base lg:text-sm xl:text-base cursor-pointer bg-white/10 hover:bg-white/20 hover:no-underline"
                   >
                     <span
                       class="ml-1 px-2 py-0.5 text-sm flex items-center justify-between text-white"

diff --git a/www/src/components/landingPage/community/communityCard.astro b/www/src/components/landingPage/community/communityCard.astro
@@ -12,7 +12,7 @@ const { text, title, href } = Astro.props;
   href={href}
   target="_blank"
   rel="noopener noreferrer"
-  class="py-8 flex flex-col items-center justify-center rounded-lg p-3 space-y-3 h-60 hover:bg-white/20 bg-white/10 transition-colors cursor-pointer w-full"
+  class="py-8 flex flex-col items-center justify-center rounded-lg p-3 space-y-3 h-60 hover:bg-white/20 bg-white/10 transition-colors cursor-pointer w-full hover:no-underline"
 >
   <div class="w-14 h-14"><slot name="icon" /></div>
   <h2 class="text-xl font-black">{title}</h2>

diff --git a/www/src/components/landingPage/stack/card.astro b/www/src/components/landingPage/stack/card.astro
@@ -8,7 +8,11 @@ const { title, href } = Astro.props;
 ---
 
 <div class="relative bg-white/5 rounded-md flex flex-col justify-between">
-  <a href={href} target="_blank" rel="noopener noreferrer"
+  <a
+    href={href}
+    target="_blank"
+    rel="noopener noreferrer"
+    class="hover:no-underline"
     ><dt
       class="flex space-x-4 items-center bg-white/10 p-2 pl-6 rounded-tr-md rounded-tl-md hover:bg-white/20 transition-colors"
     >