Fix icon spacing

This commit is contained in:
Rihan 2022-05-17 01:15:38 +00:00
parent dff07a6f38
commit 16da0a0e16
2 changed files with 2 additions and 2 deletions

View File

@ -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" : ""}`}
> >

View File

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