svg hover effect
This commit is contained in:
parent
b1751e15c0
commit
295f4f115c
@ -145,11 +145,11 @@
|
|||||||
},
|
},
|
||||||
"nixpkgs": {
|
"nixpkgs": {
|
||||||
"locked": {
|
"locked": {
|
||||||
"lastModified": 1700130609,
|
"lastModified": 1700154568,
|
||||||
"narHash": "sha256-pFtz286KaVHUmBOQztMNSgvT7hxcDe409vnDJxWQH7A=",
|
"narHash": "sha256-bUM4bNWysqKM9c/kv4Y7u0/sNCNCQ+1Nwvrpkvi1bPI=",
|
||||||
"owner": "NixOS",
|
"owner": "NixOS",
|
||||||
"repo": "nixpkgs",
|
"repo": "nixpkgs",
|
||||||
"rev": "54f00576aa6139a9d54062d0edc2fb31423f0ffb",
|
"rev": "577d7a69133459be2cbd7ee52b6965781a66cba4",
|
||||||
"type": "github"
|
"type": "github"
|
||||||
},
|
},
|
||||||
"original": {
|
"original": {
|
||||||
|
@ -6,10 +6,10 @@ const Links = () =>
|
|||||||
<div className="grid w-full h-full place-content-center">
|
<div className="grid w-full h-full place-content-center">
|
||||||
<div className={"grid grid-cols-2 gap-4 place-content-center"}>
|
<div className={"grid grid-cols-2 gap-4 place-content-center"}>
|
||||||
<Link aria-label="GitHub" href={process.env.NEXT_PUBLIC_GITHUB_URL!} target="_blank">
|
<Link aria-label="GitHub" href={process.env.NEXT_PUBLIC_GITHUB_URL!} target="_blank">
|
||||||
<FontAwesomeIcon className="w-14 h-14 hover:text-sky-400" icon={faGithub} />
|
<FontAwesomeIcon className="w-14 h-14" icon={faGithub} />
|
||||||
</Link>
|
</Link>
|
||||||
<Link aria-label="GitLab" href={process.env.NEXT_PUBLIC_GITLAB_URL!} target="_blank">
|
<Link aria-label="GitLab" href={process.env.NEXT_PUBLIC_GITLAB_URL!} target="_blank">
|
||||||
<FontAwesomeIcon className="w-14 h-14 hover:text-sky-400" icon={faGitlab} />
|
<FontAwesomeIcon className="w-14 h-14" icon={faGitlab} />
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -6,7 +6,7 @@ const mailto = `mailto:${email}`
|
|||||||
const Contact = () =>
|
const Contact = () =>
|
||||||
<div className="w-full h-full p-2 grid place-content-center">
|
<div className="w-full h-full p-2 grid place-content-center">
|
||||||
<div className="flex flex-row gap-4">
|
<div className="flex flex-row gap-4">
|
||||||
<a aria-label={mailto} href={mailto}><FontAwesomeIcon className="w-14 h-14 hover:text-sky-400" icon={faEnvelope} /></a>
|
<a aria-label={mailto} href={mailto}><FontAwesomeIcon className="w-14 h-14" icon={faEnvelope} /></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -22,3 +22,7 @@ main {
|
|||||||
@apply flex flex-col w-full h-full bg-slate-950/95
|
@apply flex flex-col w-full h-full bg-slate-950/95
|
||||||
}
|
}
|
||||||
|
|
||||||
|
svg {
|
||||||
|
@apply hover:text-sky-400 transition duration-200 ease-in
|
||||||
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user