shadows for articles

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>

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;