From 1c5caffaad54fd95afbb665c712fd5b7965eff8a Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 9 Jan 2025 11:37:59 +0100
Subject: [PATCH] chore(docs): cleanup card styles

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 docs/src/guide/getting-started.md | 2 +-
 docs/src/guide/index.md           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/src/guide/getting-started.md b/docs/src/guide/getting-started.md
index f783ad1a..9a1d1853 100644
--- a/docs/src/guide/getting-started.md
+++ b/docs/src/guide/getting-started.md
@@ -30,7 +30,7 @@ Try out the sandbox starter templates for Vue Flow in JavaScript and TypeScript
 
 <div class="flex flex-col gap-4 md:flex-row md:gap-8">
   <a href="https://new.vueflow.dev/js" target="_blank" class="flex-1 !no-underline">
-    <div class="flex items-center gap-4 p-4 rounded-lg border-1 border-primary dark:bg-secondary">
+    <div class="flex items-center gap-4 p-4 rounded-lg shadow-md border-1 border-primary dark:bg-secondary">
       <LogosJavascript class="text-accent text-2xl" />
       <h3 class="!m-0 font-semibold">new.vueflow.dev/js</h3>
     </div>
diff --git a/docs/src/guide/index.md b/docs/src/guide/index.md
index ac97edff..3c6c71d8 100644
--- a/docs/src/guide/index.md
+++ b/docs/src/guide/index.md
@@ -39,7 +39,7 @@ Try out the sandbox starter templates for Vue Flow in JavaScript and TypeScript
 
 <div class="flex flex-col gap-4 md:flex-row md:gap-8">
   <a href="https://new.vueflow.dev/js" target="_blank" class="flex-1 !no-underline">
-    <div class="flex items-center gap-4 p-4 rounded-lg border-1 border-primary dark:bg-secondary">
+    <div class="flex items-center gap-4 p-4 rounded-lg shadow-md border-1 border-primary dark:bg-secondary">
       <LogosJavascript class="text-accent text-2xl" />
       <h3 class="!m-0 font-semibold">new.vueflow.dev/js</h3>
     </div>