gitadmin/moviebox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: enhance movie details and UI components for better user experience

Browse Source
This commit is contained in:
Norbert Maciaszek
2025-08-17 23:41:22 +02:00
parent 5f2077a4ec
commit f498f2d217
4 changed files with 37 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/atoms/Button/index.tsx
View File

@@ -31,7 +31,7 @@ export const Button: FC<Props> = ({
return (
<Component
className={`block cursor-pointer text-white rounded-xl font-semibold shadow-2xl transition-all duration-300 hover:scale-105
className={`flex items-center justify-center gap-2 cursor-pointer text-white rounded-xl font-semibold shadow-2xl transition-all duration-300 hover:scale-105
bg-gradient-to-r ${buttonColor?.from} ${buttonColor?.to} cursor-pointer ${sizes[size]} ${className}`}
onClick={onClick}
{...(href && { href })}
@@ -49,9 +49,13 @@ const sizes = {
const colors = {
primary: {
from: "from-purple-600 to-pink-600 hover:from-purple-500 hover:to-pink-500",
from: "from-purple-600 hover:from-purple-500",
to: "to-emerald-600 hover:to-emerald-500",
},
secondary: {
from: "from-purple-600 hover:from-purple-500",
to: "to-pink-600 hover:to-pink-500",
},
glass: {
from: "from-white/15 via-white/8 to-white/12",
to: "to-white/15 hover:to-white/10",