modify external links

src/components/custom/sections/header/HeaderSection.vue

@@ -8,7 +8,7 @@
       <div
         v-if="header.content"
         v-html="header.content"
-        class="mb-8 text-gray-700 leading-relaxed"
+        class="post-content mb-8 text-gray-700 leading-relaxed"
       ></div>
       <div>
         <g-link
@@ -60,5 +60,3 @@ export default {
   props: ["header"],
 };
 </script>
-<style scoped>
-</style>

src/components/marketing/sections/cta-sections/logoShowcase.vue

@@ -6,25 +6,23 @@
       </h2>
       <p class="text-gray-400 leading-relaxed"></p>
     </div>
-    <div v-if="id == 'support'" class="flex flex-wrap mx-2">
-      <a
+    <div
+      v-if="id == 'support' || id == 'community'"
+      class="flex flex-wrap mx-2"
+    >
+      <div
         v-for="(logo, idx) in logos"
-        :key="idx"
-        :href="logo.url"
         class="w-1/2 md:w-1/4 px-12 mb-8"
-      >
-        <g-image :src="img(logo.image)" />
-      </a>
-    </div>
-    <div v-else-if="id == 'community'" class="flex flex-wrap mx-2">
-      <a
-        v-for="(logo, idx) in logos"
         :key="idx"
-        :href="logo.url"
-        class="w-1/2 md:w-1/4 px-12 mb-8"
       >
-        <g-image :src="img(logo.image)" />
-      </a>
+        <a v-if="logo.url.includes('http')" target="_blank" :href="logo.url">
+          <g-image :src="img(logo.image)" />
+        </a>
+
+        <g-link v-else :href="logo.url">
+          <g-image :src="img(logo.image)" />
+        </g-link>
+      </div>
     </div>
     <div v-else class="flex flex-wrap -mx-8">
       <a