From ee4b2c0cedc38c9b178a3b01b13020d723ad2964 Mon Sep 17 00:00:00 2001
From: Adam <24621027+adoyle0@users.noreply.github.com>
Date: Fri, 19 Jan 2024 22:36:03 -0500
Subject: [PATCH] shadows for articles

---
 doordesk/app/src/components/article.rs | 3 ++-
 doordesk/style/tailwind.css            | 5 +++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/doordesk/app/src/components/article.rs b/doordesk/app/src/components/article.rs
index b617bf9..b045cb5 100644
--- a/doordesk/app/src/components/article.rs
+++ b/doordesk/app/src/components/article.rs
@@ -12,7 +12,8 @@ pub struct ArticleData {
 #[component]
 pub fn Article(data: ArticleData) -> impl IntoView {
     view! {
-        <article class="p-7 my-5 mx-auto w-11/12 max-w-screen-xl bg-opacity-10 rounded-md bg-zinc-700 shadow-1g">
+        // Shadow styling is in main .css file
+        <article class="p-7 my-5 mx-auto w-11/12 max-w-screen-xl bg-opacity-10 rounded-md bg-zinc-700">
             <h1 class="text-3xl font-light text-orange-600 capitalize max-6-xs">{&data.title}</h1>
             <hr class="opacity-50"/>
             <span class="pt-0 pb-3.5 text-xs opacity-50 m-t">{&data.date}</span>
diff --git a/doordesk/style/tailwind.css b/doordesk/style/tailwind.css
index 8fea53f..996e19c 100644
--- a/doordesk/style/tailwind.css
+++ b/doordesk/style/tailwind.css
@@ -19,6 +19,11 @@ nav li:has(> a[aria-current="page"]) {
   @apply border-b-orange-700 border-b-2;
 }
 
+/* Shadows don't work inline for some reason */
+article {
+  @apply shadow-lg shadow-black;
+}
+
 /* for innerHTML articles */
 article p {
   @apply mt-5 indent-4;