From 01be8bc64edf5d26a96083096d147543414b4c0f Mon Sep 17 00:00:00 2001
From: "Paul Gauthier (aider)" <paul@aider.chat>
Date: Wed, 19 Mar 2025 08:20:07 -0700
Subject: [PATCH] style: Make macos-backdrop padding responsive using clamp()

---
 aider/website/_includes/recording.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/aider/website/_includes/recording.css b/aider/website/_includes/recording.css
index 7d93ff857..58ff02738 100644
--- a/aider/website/_includes/recording.css
+++ b/aider/website/_includes/recording.css
@@ -83,7 +83,7 @@
 .macos-backdrop {
   background: linear-gradient(135deg, #ff9966, #ff5e62, #6666ff, #0066ff);
   border-radius: 12px;
-  padding: 50px 20px; // i want to scale with width on the sides based on screen size from 5px for narrow screens to 50px for wide screens ai!
+  padding: 50px clamp(5px, 5vw, 50px);
   margin: 20px 0;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
   position: relative;