Karl/homepage
1
0
Fork 0
mirror of https://github.com/karl0ss/homepage.git synced 2025-10-25 04:23:57 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add ability to use custom logo

Browse Source
This commit is contained in:
Snekussaurier 2022-12-11 17:31:59 +01:00
parent 146326f427
commit 645cf211dd
1 changed files with 58 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/widgets/logo/logo.jsx
View File

@ -1,5 +1,12 @@
export default function Logo() { import Image from "next/future/image";
export default function Logo({ options }) {
return ( return (
<div className="w-12 h-12 flex flex-row items-center align-middle mr-3 self-center">
{options.source ?
<Image src={`${options.source}`} width={48} height={48} alt="logo" /> :
// if source parameter is not set, use fallback homepage logo
<div className="w-12 h-12 flex flex-row items-center align-middle mr-3 self-center"> <div className="w-12 h-12 flex flex-row items-center align-middle mr-3 self-center">
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -52,5 +59,7 @@ export default function Logo() {
</g> </g>
</svg> </svg>
</div> </div>
); }
</div>
)
} }