From 006c1494ca3ba61f7e7170ffed675005f0ac89e2 Mon Sep 17 00:00:00 2001
From: eggy <danielchen04@hotmail.ca>
Date: Wed, 24 May 2023 12:23:45 -0400
Subject: [PATCH] feat: add shadows to boxes

pop, less flat
---
 components/PostPreviewCard.vue | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/components/PostPreviewCard.vue b/components/PostPreviewCard.vue
index 1cfdbf4..2944a66 100644
--- a/components/PostPreviewCard.vue
+++ b/components/PostPreviewCard.vue
@@ -16,7 +16,9 @@ const descText =
 </script>
 
 <template>
-  <div class="story-card p-4">
+  <div
+    class="break-words max-w-full rounded-lg p-4 shadow-md border border-2 border-gray-300"
+  >
     <h3 class="m-0">
       <a
         :href="post._path"
@@ -50,12 +52,3 @@ const descText =
     </div>
   </div>
 </template>
-
-<style scoped>
-.story-card {
-  border: 0.1rem solid gray;
-  max-width: 100%;
-  border-radius: 0.5rem;
-  overflow-wrap: break-word;
-}
-</style>