From f0c29781ba946956641fb725ac58df50dd080f10 Mon Sep 17 00:00:00 2001
From: Mauro Balades <mauro.balades@tutanota.com>
Date: Fri, 23 Aug 2024 12:04:10 +0200
Subject: [PATCH] refactor: Update CreateThemePage component to use dynamic
 theme data

---
 src/components/features.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/features.tsx b/src/components/features.tsx
index 16c13f7..014fdce 100644
--- a/src/components/features.tsx
+++ b/src/components/features.tsx
@@ -136,10 +136,10 @@ export default function Features() {
                 <div key={color} className="w-5 h-5 rounded-full mx-3 " style={{ backgroundColor: color }} />
               ))}
             </div>
-            <div className="border w-fit rounded-lg shadow-md mt-16 mx-auto p-4 bg-white dark:bg-black flex transform translate-x-[calc(50%-1.5rem)]">
+            <div className="border w-1/2 rounded-lg shadow-md mt-16 mx-auto p-4 bg-white dark:bg-black flex transform translate-x-[calc(50%-1.5rem)]">
               <Slider defaultValue={[80]} max={100} />
             </div>
-            <a href='/themes' className="border-2 md:w-1/2 flex items-center justify-center rounded-xl shadow-md mt-16 mx-auto p-4 bg-white dark:bg-black border-blue-500 flex w-fit text-muted-foreground">
+            <a href='/themes' className="border-2 w-fit md:w-1/2 lg:w-fit flex items-center justify-center rounded-xl shadow-md mt-16 mx-auto p-4 bg-white dark:bg-black border-blue-500 flex text-muted-foreground">
               <span>
                 Checkout our themes store
               </span>