From 7e327fba63315ddf58004ff339cddbf9c9206884 Mon Sep 17 00:00:00 2001
From: Hayden Hargreaves <hhargreaves2006@gmail.com>
Date: Fri, 30 May 2025 20:17:37 -0700
Subject: [PATCH] (STYLE): Added the  backdrop shadow on each page.

---
 .gitignore                                            | 2 ++
 assets/tailwind.config.js                             | 1 +
 lib/potion_web/components/layouts/dashboard.html.heex | 5 +++++
 3 files changed, 8 insertions(+)

diff --git a/.gitignore b/.gitignore
index 3af2f18..f9a51dc 100644
--- a/.gitignore
+++ b/.gitignore
@@ -37,3 +37,5 @@ npm-debug.log
 
 # Environment variables
 .env
+
+docker-compose.yml
diff --git a/assets/tailwind.config.js b/assets/tailwind.config.js
index af642e0..ad20523 100644
--- a/assets/tailwind.config.js
+++ b/assets/tailwind.config.js
@@ -15,6 +15,7 @@ module.exports = {
     extend: {
       colors: {
         background: {
+          100: "#979ca1",
           200: "#717880",
           300: "#383D43",
           400: "#272B2E",
diff --git a/lib/potion_web/components/layouts/dashboard.html.heex b/lib/potion_web/components/layouts/dashboard.html.heex
index 520c4bd..e94e0a7 100644
--- a/lib/potion_web/components/layouts/dashboard.html.heex
+++ b/lib/potion_web/components/layouts/dashboard.html.heex
@@ -1,6 +1,11 @@
 <div class="h-screen flex flex-col items-center">
   <.flash_group flash={@flash} />
   
+<!-- Section: Blur backdrop -->
+  <div class="w-full opacity-25">
+    <div class="w-full h-1/4 bg-background-200 bg-opacity-60 shadow-background-200 shadow-2xl absolute -z-20 rounded-b-[150px]" />
+  </div>
+  
 <!-- Section: Content -->
   <main class="flex-grow max-h-screen">
     {@inner_content}