aesthetic-improvements: apply design direction to views batch 2 (Action 11.5.1.5)

- 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)
This commit is contained in:
senke 2026-01-16 12:02:55 +01:00
parent 5be2a61f39
commit a2a7f40c73
5 changed files with 6 additions and 6 deletions

View file

@ -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

View file

@ -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}
>

View file

@ -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">

View file

@ -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" />
)}

View file

@ -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"