From 1d1f46323b0b93225c82b14d04725025e33ec2fe Mon Sep 17 00:00:00 2001
From: 5Khaled <khaled2shboul@gmail.com>
Date: Sun, 22 Dec 2024 20:33:30 +0300
Subject: [PATCH] fix: increased selected tap buttons opacity

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

diff --git a/src/components/editing-section.tsx b/src/components/editing-section.tsx
index 0cf6f19..5a67c46 100644
--- a/src/components/editing-section.tsx
+++ b/src/components/editing-section.tsx
@@ -83,17 +83,15 @@ export default function EditingSection() {
       <section className="flex">
         <Button
           variant="gooeyLeft"
-          className="w-full rounded-none rounded-bl rounded-tl border-r-2"
+          className={`${tapName === "icon" && "opacity-65"} w-full rounded-none rounded-bl rounded-tl border-r-2`}
           onClick={() => setTapName("icon")}
-          disabled={tapName === "icon"}
         >
           Icon
         </Button>
         <Button
           variant="gooeyRight"
-          className="w-full rounded-none rounded-br rounded-tr"
+          className={`${tapName === "background" && "opacity-65"} w-full rounded-none rounded-br rounded-tr`}
           onClick={() => setTapName("background")}
-          disabled={tapName === "background"}
         >
           Background
         </Button>