From a2a7f40c736ee2a8c8ccfa8aa6625c9c2cb634d6 Mon Sep 17 00:00:00 2001
From: senke <okin.tcs@gmail.com>
Date: Fri, 16 Jan 2026 12:02:55 +0100
Subject: [PATCH] aesthetic-improvements: apply design direction to views batch
 2 (Action 11.5.1.5)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- FileManagerView: Removed decorative scale transform (group-hover:scale-110 → removed)
- LiveView: Removed decorative image zoom (group-hover:scale-105 → removed) and icon scale (hover:scale-110 → hover:text-kodo-gold/80)
- FileDetailsView: Replaced decorative gradient with solid color (bg-gradient-to-br from-kodo-cyan to-kodo-cyan → bg-kodo-cyan/20, removed decorative shadow)
- CartView: Removed decorative shadow (shadow-neon-cyan/20 → removed)
- CheckoutView: Removed decorative shadow (shadow-neon-cyan/20 → removed)
- Preserved: Functional overlay gradients for text readability (ProfileView, DiscoverView)
- Action 11.5.1.5: Apply direction to all pages - Batch 2 complete (5 views)
---
 apps/web/src/components/views/CartView.tsx        | 2 +-
 apps/web/src/components/views/CheckoutView.tsx    | 2 +-
 apps/web/src/components/views/FileDetailsView.tsx | 2 +-
 apps/web/src/components/views/FileManagerView.tsx | 2 +-
 apps/web/src/components/views/LiveView.tsx        | 4 ++--
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/components/views/CartView.tsx b/apps/web/src/components/views/CartView.tsx
index 15447d4a2..5191f85e6 100644
--- a/apps/web/src/components/views/CartView.tsx
+++ b/apps/web/src/components/views/CartView.tsx
@@ -127,7 +127,7 @@ export const CartView: React.FC<CartViewProps> = ({
 
             <Button
               variant="primary"
-              className="w-full h-12 text-base shadow-neon-cyan/20"
+              className="w-full h-12 text-base"
               onClick={onCheckout}
             >
               PROCEED TO CHECKOUT
diff --git a/apps/web/src/components/views/CheckoutView.tsx b/apps/web/src/components/views/CheckoutView.tsx
index 4efea1d57..39931431c 100644
--- a/apps/web/src/components/views/CheckoutView.tsx
+++ b/apps/web/src/components/views/CheckoutView.tsx
@@ -258,7 +258,7 @@ export const CheckoutView: React.FC<CheckoutViewProps> = ({
 
             <Button
               variant="primary"
-              className="w-full h-12 text-base shadow-neon-cyan/20"
+              className="w-full h-12 text-base"
               onClick={handlePurchase}
               disabled={loading}
             >
diff --git a/apps/web/src/components/views/FileDetailsView.tsx b/apps/web/src/components/views/FileDetailsView.tsx
index 669fe2582..ef0a1dae5 100644
--- a/apps/web/src/components/views/FileDetailsView.tsx
+++ b/apps/web/src/components/views/FileDetailsView.tsx
@@ -140,7 +140,7 @@ export const FileDetailsView: React.FC<FileDetailsViewProps> = ({
           >
             {isAudio && (
               <div className="text-center w-full max-w-md">
-                <div className="w-32 h-32 bg-gradient-to-br from-kodo-cyan to-kodo-cyan rounded-full mx-auto mb-8 flex items-center justify-center shadow-[0_0_50px_rgba(102,252,241,0.3)] animate-pulse">
+                <div className="w-32 h-32 bg-kodo-cyan/20 rounded-full mx-auto mb-8 flex items-center justify-center animate-pulse">
                   <Music className="w-12 h-12 text-black" />
                 </div>
                 <div className="h-16 flex items-center justify-center gap-1 mb-8">
diff --git a/apps/web/src/components/views/FileManagerView.tsx b/apps/web/src/components/views/FileManagerView.tsx
index a8732bac0..93c42f135 100644
--- a/apps/web/src/components/views/FileManagerView.tsx
+++ b/apps/web/src/components/views/FileManagerView.tsx
@@ -396,7 +396,7 @@ export const FileManagerView: React.FC = () => {
                   )}
                 </div>
 
-                <div className="w-16 h-16 rounded-2xl bg-kodo-ink flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-300">
+                <div className="w-16 h-16 rounded-2xl bg-kodo-ink flex items-center justify-center shadow-lg transition-colors duration-200">
                   {file.type === 'folder' && (
                     <Folder className="w-8 h-8 text-kodo-gold" />
                   )}
diff --git a/apps/web/src/components/views/LiveView.tsx b/apps/web/src/components/views/LiveView.tsx
index 8434094e2..95c9c330f 100644
--- a/apps/web/src/components/views/LiveView.tsx
+++ b/apps/web/src/components/views/LiveView.tsx
@@ -178,7 +178,7 @@ export const LiveView: React.FC = () => {
                 <div className="aspect-video relative">
                   <img
                     src={`https://picsum.photos/300/200?random=${i}`}
-                    className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
+                    className="w-full h-full object-cover"
                   />
                   <div className="absolute bottom-2 left-2 bg-kodo-void/80 px-2 py-0.5 rounded text-[10px] text-white">
                     DJ Set
@@ -241,7 +241,7 @@ export const LiveView: React.FC = () => {
                 className="w-full bg-kodo-ink border border-kodo-steel rounded px-4 py-2 text-sm text-white focus:border-kodo-steel outline-none"
                 placeholder="Say something..."
               />
-              <DollarSign className="absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 text-kodo-gold cursor-pointer hover:scale-110 transition-transform" />
+              <DollarSign className="absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 text-kodo-gold cursor-pointer hover:text-kodo-gold/80 transition-colors" />
             </div>
             <Button
               variant="primary"