feat(seo): add grid background to ogImage

Signed-off-by: ZTL-UwU <zhangtianli2006@163.com>
ZTL-UwU · Oct 11, 2024 · 3cb6f2a · 3cb6f2a
1 parent 7af52c5
commit 3cb6f2a
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/components/OgImage/OgImageDocs.vue b/components/OgImage/OgImageDocs.vue
@@ -1,5 +1,8 @@
 <template>
-  <div class="flex size-full flex-col justify-center bg-white p-16">
+  <div
+    class="flex size-full flex-col justify-center bg-white p-16"
+    style="background-size: 120px 120px; background-image: linear-gradient(to right, #e5e7eb 1px, transparent 1px), linear-gradient(to bottom, #e5e7eb 1px, transparent 1px);"
+  >
     <div class="mb-4 flex">
       <img :src="config.header.logo.light" height="65">
       <span class="ml-4 self-center text-4xl font-bold">