ivandimitrov8080/idimitrov.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

svg hover effect

Browse Source
This commit is contained in:
Ivan Dimitrov 2023-11-16 19:25:23 +02:00
parent b1751e15c0
commit 295f4f115c
4 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
flake.lock
View File

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

4
src/app/components/links.tsx
View File

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

2
src/app/contact/page.tsx
View File

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

4
src/app/globals.css
View File

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