azpect/Potion
1
1
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects Releases Wiki Activity

(STYLE): Added the backdrop shadow on each page.

Browse Source
This commit is contained in:
Hayden Hargreaves 2025-05-30 20:17:37 -07:00
parent 518dbe8d06
commit 7e327fba63
3 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@ -37,3 +37,5 @@ npm-debug.log
# Environment variables # Environment variables
.env .env
docker-compose.yml

1
assets/tailwind.config.js
View File

@ -15,6 +15,7 @@ module.exports = {
extend: { extend: {
colors: { colors: {
background: { background: {
100: "#979ca1",
200: "#717880", 200: "#717880",
300: "#383D43", 300: "#383D43",
400: "#272B2E", 400: "#272B2E",

5
lib/potion_web/components/layouts/dashboard.html.heex
View File

@ -1,6 +1,11 @@
<div class="h-screen flex flex-col items-center"> <div class="h-screen flex flex-col items-center">
<.flash_group flash={@flash} /> <.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 --> <!-- Section: Content -->
<main class="flex-grow max-h-screen"> <main class="flex-grow max-h-screen">
{@inner_content} {@inner_content}