diff --git a/package.json b/package.json index 8d1b40a..9e64a15 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "phosphor-home", - "version": "2.0.2", + "version": "2.0.3", "license": "MIT", "homepage": "https://phosphoricons.com", "author": { diff --git a/src/components/IconGrid/IconGrid.css b/src/components/IconGrid/IconGrid.css index e96e435..cfd6903 100644 --- a/src/components/IconGrid/IconGrid.css +++ b/src/components/IconGrid/IconGrid.css @@ -212,8 +212,9 @@ figcaption > p { align-items: center; justify-content: flex-start; */ display: inline-grid; - grid-template-columns: 66px 66px 92px; - gap: 6px; + grid-template-columns: 1fr 1fr; + max-height: 60px; + /* gap: 6px; */ } .action-button { @@ -255,6 +256,10 @@ figcaption > p { margin-inline: -10px; border-radius: 0; } + + .detail-actions { + display: inline-flex; + } } @media screen and (max-width: 536px) { diff --git a/src/components/IconGrid/Panel.tsx b/src/components/IconGrid/Panel.tsx index aa2fce2..3869796 100644 --- a/src/components/IconGrid/Panel.tsx +++ b/src/components/IconGrid/Panel.tsx @@ -260,6 +260,18 @@ const Panel = () => { ); }; + const handleDownloadRawSVG = async () => { + if (!entry) return; + + const { name } = entry; + saveAs( + `https://raw.githubusercontent.com/phosphor-icons/core/main/raw/${weight}/${name}${ + weight === "regular" ? "" : `-${weight}` + }.svg`, + `${entry?.name}${weight === "regular" ? "" : `-${weight}`}.svg` + ); + }; + const handleDownloadPNG = async ( event: React.MouseEvent ) => { @@ -340,6 +352,13 @@ const Panel = () => { onClick={handleDownloadSVG} /> + +