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:
parent
5be2a61f39
commit
a2a7f40c73
5 changed files with 6 additions and 6 deletions
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
>
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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" />
|
||||
)}
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
Loading…
Reference in a new issue