diff options
| author | devin ivy <devinivy@gmail.com> | 2024-06-27 13:02:29 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-06-27 13:02:29 -0400 |
| commit | 49396451ec8c877aebd27299a98c1b9e5b1e6cd4 (patch) | |
| tree | c424c554a431c9594896a09bf422c737c2341e62 /bskyogcard/src/components/StarterPack.tsx | |
| parent | f6b138f709bcf52248e3f0c5a1ef67abe96bef9c (diff) | |
| download | voidsky-49396451ec8c877aebd27299a98c1b9e5b1e6cd4.tar.zst | |
bskyogcard: support emoji, more languages, long starter pack names (#4668)
Diffstat (limited to 'bskyogcard/src/components/StarterPack.tsx')
| -rw-r--r-- | bskyogcard/src/components/StarterPack.tsx | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/bskyogcard/src/components/StarterPack.tsx b/bskyogcard/src/components/StarterPack.tsx index f73442190..29bb8f32a 100644 --- a/bskyogcard/src/components/StarterPack.tsx +++ b/bskyogcard/src/components/StarterPack.tsx @@ -43,6 +43,7 @@ export function StarterPack(props: { } else { imagesAcross.push(...imagesExceptCreator.slice(0, 7)) } + const isLongTitle = record ? record.name.length > 30 : false return ( <div style={{ @@ -130,7 +131,9 @@ export function StarterPack(props: { <div style={{ padding: '75px 30px 0px', - fontSize: 65, + fontSize: isLongTitle ? 55 : 65, + display: 'flex', + textAlign: 'center', }}> {record?.name || 'Starter Pack'} </div> |