fix: removes typo and add hover for reddit links

TheCeloReis · May 26, 2021 · 77abea0 · 77abea0
1 parent 228988c
commit 77abea0
Showing 1 changed file with 21 additions and 5 deletions.
diff --git a/src/views/Launch.vue b/src/views/Launch.vue
@@ -42,24 +42,40 @@
           </div>
 
           <div class="px-4 mb-8" v-if="!missingReddit">
-            <h2 class="text-2xl mb-4">Reddit Foruns</h2>
+            <h2 class="text-2xl mb-4">Reddit Forums</h2>
 
             <ul>
               <li v-if="launch.links.reddit.campaign">
-                <a target="_blank" :href="launch.links.reddit.campaign">
+                <a
+                  class=":hover:text-green-700"
+                  target="_blank"
+                  :href="launch.links.reddit.campaign"
+                >
                   Campaign
                 </a>
               </li>
-              <li v-if="launch.links.reddit.launch">
+              <li
+                class=":hover:text-green-700"
+                v-if="launch.links.reddit.launch"
+              >
                 <a target="_blank" :href="launch.links.reddit.launch">
                   Launch
                 </a>
               </li>
               <li v-if="launch.links.reddit.media">
-                <a target="_blank" :href="launch.links.reddit.media">Media</a>
+                <a
+                  class=":hover:text-green-700"
+                  target="_blank"
+                  :href="launch.links.reddit.media"
+                  >Media</a
+                >
               </li>
               <li v-if="launch.links.reddit.recovery">
-                <a target="_blank" :href="launch.links.reddit.recovery">
+                <a
+                  class=":hover:text-green-700"
+                  target="_blank"
+                  :href="launch.links.reddit.recovery"
+                >
                   Recovery
                 </a>
               </li>