Karl/homepage
1
0
Fork 0
mirror of https://github.com/karl0ss/homepage.git synced 2025-10-31 06:24:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1405 from ervwalter/square-icons

Browse Source 
force icons to fit withing a 32x32 square
This commit is contained in:
shamoon 2023-04-23 21:15:59 -07:00 committed by GitHub
commit cf3fc1d64b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/resolvedicon.jsx
View File

@ -3,7 +3,19 @@ import Image from "next/future/image";
export default function ResolvedIcon({ icon, width = 32, height = 32, alt = "logo" }) {
// direct or relative URLs
if (icon.startsWith("http") || icon.startsWith("/")) {
return <Image src={`${icon}`} width={width} height={height} alt={alt} />;
return (
<Image
src={`${icon}`}
width={width}
height={height}
style={{
width,
height,
objectFit: "contain",
}}
alt={alt}
/>
);
}
// mdi- prefixed, material design icons
@ -31,6 +43,11 @@ export default function ResolvedIcon({ icon, width = 32, height = 32, alt = "log
src={`https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/png/${iconName}.png`}
width={width}
height={height}
style={{
width,
height,
objectFit: "contain",
}}
alt={alt}
/>
);