joshuafhiggins/realm-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: Update logo component to use SVG instead of PNG

Browse Source
This commit is contained in:
Mauro Balades
2024-08-20 22:33:58 +02:00
parent bd6afdd929
commit 5d4ed0956f
53 changed files with 36 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/branding-assets.tsx
View File

@@ -15,11 +15,10 @@ export function BrandingAssets() {
<div className="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-10 mt-10 w-full">
{LOGO_COLORS.map((color) => (
<div key={color} className="flex flex-col items-center">
<img src={`/logos/zen-${color}.png`} alt={`Zen Browser ${color} logo`} className="w-24 h-24 mt-4" />
<img src={`/logos/zen-${color}.svg`} alt={`Zen Browser ${color} logo`} className="w-24 h-24 mt-4" />
<div className="flex items-center my-2">
<a
href={`/logos/zen-${color}.png`}
download={`zen-${color}.png`}
href={`/logos/zen-${color}.svg`}
className="text-blue-500 text-md ml-2"
>
{color}
@@ -37,10 +36,10 @@ export function BrandingAssets() {
<div className="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-10 mt-10 w-full">
{LOGO_COLORS.map((color) => (
<div key={color} className="flex flex-col items-center">
<img src={`/logos/zen-alpha-${color}.png`} alt={`Zen Browser ${color} logo`} className="w-24 h-24 mt-4" />
<img src={`/logos/zen-alpha-${color}.svg`} alt={`Zen Browser ${color} logo`} className="w-24 h-24 mt-4" />
<div className="flex items-center my-2">
<a
href={`/logos/zen-alpha-${color}.png`}
href={`/logos/zen-alpha-${color}.svg`}
download={`zen-alpha-${color}.png`}
className="text-blue-500 text-md ml-2"
>