mirror of
https://github.com/movie-web/movie-web.git
synced 2024-11-11 00:35:07 +01:00
Fix icon spacing
This commit is contained in:
parent
dff07a6f38
commit
16da0a0e16
@ -14,7 +14,7 @@ export function IconPatch(props: IconPatchProps) {
|
|||||||
<div
|
<div
|
||||||
className={`bg-denim-300 flex h-12 w-12 items-center justify-center rounded-full border-2 border-transparent transition-[color,transform,border-color] duration-75 ${
|
className={`bg-denim-300 flex h-12 w-12 items-center justify-center rounded-full border-2 border-transparent transition-[color,transform,border-color] duration-75 ${
|
||||||
props.clickable
|
props.clickable
|
||||||
? "hover:bg-denim-400 mx-2 cursor-pointer hover:scale-110 hover:text-white active:scale-125"
|
? "hover:bg-denim-400 cursor-pointer hover:scale-110 hover:text-white active:scale-125"
|
||||||
: ""
|
: ""
|
||||||
} ${props.active ? "text-bink-600 border-bink-600 bg-bink-100" : ""}`}
|
} ${props.active ? "text-bink-600 border-bink-600 bg-bink-100" : ""}`}
|
||||||
>
|
>
|
||||||
|
@ -20,7 +20,7 @@ export function Navigation(props: NavigationProps) {
|
|||||||
</div>
|
</div>
|
||||||
{props.children}
|
{props.children}
|
||||||
</div>
|
</div>
|
||||||
<div className={props.children ? "hidden sm:flex" : "flex"}>
|
<div className={`${props.children ? "hidden sm:flex" : "flex"} flex-row gap-4`}>
|
||||||
<a
|
<a
|
||||||
href={DISCORD_LINK}
|
href={DISCORD_LINK}
|
||||||
target="_blank"
|
target="_blank"
|
||||||
|
Loading…
Reference in New Issue
Block a user