From acc17a9e163bbbacdf3a9eb5d529525c15a6ecaf Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Tue, 29 Jul 2025 21:31:21 +0200
Subject: [PATCH] design: add box shadows

---
 tailwind.config.js | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/tailwind.config.js b/tailwind.config.js
index 904ef90..1bc68f1 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -17,6 +17,8 @@ const defaultTitleStyles = Array.from(
   {},
 )
 
+const BOX_SHADOW = "6px"
+
 module.exports = {
   content: ["./src/**/*.{vue,js,ts}"],
   theme: {
@@ -33,10 +35,12 @@ module.exports = {
               "text-align": "justify",
               // "text-wrap": "balance",
             },
-            img: {
-              "margin-top": 0,
-              "margin-bottom": 0,
-              "border-radius": "1rem",
+            "img, video": {
+              margin: "auto",
+              "border-radius": "0.5rem",
+              "box-shadow":
+                "rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px",
+              "max-width": `calc(100% - 2 * ${BOX_SHADOW})`,
             },
             a: {
               "font-weight": 600,