fix: update Button themes in Gallery and HeroMovie components for consistency and improved styling
This commit is contained in:
@@ -98,7 +98,7 @@ export const Gallery: FC<Props> = ({
|
|||||||
{limit < currentImages.length && (
|
{limit < currentImages.length && (
|
||||||
<div className="flex justify-center mt-6">
|
<div className="flex justify-center mt-6">
|
||||||
<Button
|
<Button
|
||||||
theme="teal"
|
theme="emeraldTeal"
|
||||||
size="small"
|
size="small"
|
||||||
onClick={() => setLimit(currentImages.length)}
|
onClick={() => setLimit(currentImages.length)}
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -218,7 +218,7 @@ export const HeroMovie: FC<Props> = ({ movieDetails }) => {
|
|||||||
{isInStore ? "Usuń z listy" : "Dodaj do listy"}
|
{isInStore ? "Usuń z listy" : "Dodaj do listy"}
|
||||||
</Button>
|
</Button>
|
||||||
<Button
|
<Button
|
||||||
theme={isFavorite ? "rose" : "glass"}
|
theme={isFavorite ? "rosePink" : "glass"}
|
||||||
className={`flex items-center gap-3 ${
|
className={`flex items-center gap-3 ${
|
||||||
isFavorite
|
isFavorite
|
||||||
? "bg-gradient-to-r border-rose-400/30"
|
? "bg-gradient-to-r border-rose-400/30"
|
||||||
@@ -234,7 +234,7 @@ export const HeroMovie: FC<Props> = ({ movieDetails }) => {
|
|||||||
: "Dodaj do ulubionych"}
|
: "Dodaj do ulubionych"}
|
||||||
</Button>
|
</Button>
|
||||||
<Button
|
<Button
|
||||||
theme={isSeen ? "emerald" : "glass"}
|
theme={isSeen ? "emeraldTeal" : "glass"}
|
||||||
className={`flex items-center gap-3 ${
|
className={`flex items-center gap-3 ${
|
||||||
isSeen ? "bg-gradient-to-r border-emerald-400/30" : ""
|
isSeen ? "bg-gradient-to-r border-emerald-400/30" : ""
|
||||||
}`}
|
}`}
|
||||||
|
|||||||
Reference in New Issue
Block a user