From e73de8a6945e91ea3b3adc67e39b1c4feaedfa36 Mon Sep 17 00:00:00 2001
From: Bernardo Simonassi <bernardosimonassi@hotmail.com>
Date: Sun, 28 Jan 2024 22:55:26 -0300
Subject: [PATCH] feat: open image externally and add summary style

---
 apps/app/components/content/ProseImg.vue | 20 +++++++++++---------
 packages/assets/styles/content.css       | 14 +++++++++++++-
 2 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/apps/app/components/content/ProseImg.vue b/apps/app/components/content/ProseImg.vue
index 36bf14c..9455aae 100644
--- a/apps/app/components/content/ProseImg.vue
+++ b/apps/app/components/content/ProseImg.vue
@@ -27,13 +27,15 @@ const refinedSrc = computed(() => {
 </script>
 
 <template>
-  <nuxt-img
-    format="webp"
-    quality="80"
-    :src="refinedSrc"
-    :alt="alt"
-    :width="width"
-    :height="height"
-    densities="x1 x1"
-  />
+  <nuxt-link external target="_blank" :to="refinedSrc">
+    <nuxt-img
+      format="webp"
+      quality="80"
+      :src="refinedSrc"
+      :alt="alt"
+      :width="width"
+      :height="height"
+      densities="x1 x1"
+    />
+  </nuxt-link>
 </template>
diff --git a/packages/assets/styles/content.css b/packages/assets/styles/content.css
index ff0c268..110129d 100644
--- a/packages/assets/styles/content.css
+++ b/packages/assets/styles/content.css
@@ -16,6 +16,14 @@
     @apply text-zinc-800 mb-4;
   }
 
+  #nuxt_content details {
+    @apply text-zinc-800 mb-4;
+  }
+
+  #nuxt_content summary {
+    @apply mb-2;
+  }
+
   #nuxt_content ul {
     @apply text-zinc-800 mb-4;
   }
@@ -24,7 +32,7 @@
     @apply text-zinc-800 mb-4;
   }
 
-  #nuxt_content code .line {
+  #nuxt_content pre {
     @apply px-4;
   }
 
@@ -47,4 +55,8 @@
   #nuxt_content kbd {
     @apply border border-zinc-200 rounded-md py-[3px] px-[5px] text-xs bg-zinc-50;
   }
+
+  #nuxt_content img {
+    @apply mb-4;
+  }
 }
\ No newline at end of file