diff options
| author | LynithDev <61880709+LynithDev@users.noreply.github.com> | 2024-01-07 16:30:40 +0100 |
|---|---|---|
| committer | LynithDev <61880709+LynithDev@users.noreply.github.com> | 2024-01-07 16:30:40 +0100 |
| commit | 651684e9c6c8509001f3757b51c8aefbadbd6613 (patch) | |
| tree | c9a25ebb828cb00ec2c42e12bd8e8f48f2cd8ff4 /apps/website/src/components | |
| parent | f570918a65dda1dcb02030119d2218526b6c5b0c (diff) | |
| download | Nexus-651684e9c6c8509001f3757b51c8aefbadbd6613.tar.gz Nexus-651684e9c6c8509001f3757b51c8aefbadbd6613.tar.bz2 Nexus-651684e9c6c8509001f3757b51c8aefbadbd6613.zip | |
Branding page mod names
Diffstat (limited to 'apps/website/src/components')
| -rw-r--r-- | apps/website/src/components/page/branding/BrandingImage.astro | 3 |
1 files changed, 3 insertions, 0 deletions
diff --git a/apps/website/src/components/page/branding/BrandingImage.astro b/apps/website/src/components/page/branding/BrandingImage.astro index f85364d..e112691 100644 --- a/apps/website/src/components/page/branding/BrandingImage.astro +++ b/apps/website/src/components/page/branding/BrandingImage.astro @@ -2,6 +2,7 @@ interface Props { type: 'badges' | 'logos' | 'mods' name: string + nameFormatted?: string altText?: string extensions?: ('png' | 'svg')[] maxWidth?: number @@ -12,6 +13,7 @@ const { name, type, altText, + nameFormatted, background = 'white', maxWidth = 300, extensions = ['png', 'svg'], @@ -27,4 +29,5 @@ const path = `/media/branding/${type}/${name}`; ))} </div> <img style={`max-width: ${maxWidth}px;`} src={`${path}.svg`} alt={altText}> + {nameFormatted && <span class="absolute bottom-0 left-1/2 -translate-x-1/2 opacity-50 text-xxs">{nameFormatted}</span>} </div> |