TresAbhi/blitzkit
1
0 Fork 0
mirror of https://github.com/blitzkit/blitzkit.git synced 2026-10-24 20:19:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: trim header

Browse Source
This commit is contained in:
tresabhi committed 2024-11-24 21:03:19 -06:00
1 parent 6a28fb0277
commit a08107d0b2
1 file changed
+35 -27
Download Patch File Download Diff File Expand all files Collapse all files
packages/website/src/components/Tankopedia/HeroSection/index.tsx
+35 -27
View File
@@ -91,35 +91,43 @@ export function HeroSection({ skeleton }: MaybeSkeletonComponentProps) {
top={isFullScreen ? '0' : undefined} top={isFullScreen ? '0' : undefined}
left={isFullScreen ? '0' : undefined} left={isFullScreen ? '0' : undefined}
> >
<Flex <Flex justify="center">
display={isFullScreen ? 'none' : 'flex'} <Flex
style={{ userSelect: 'none' }} display={isFullScreen ? 'none' : 'flex'}
direction="column" style={{ userSelect: 'none' }}
align={{ initial: 'center', md: 'start' }} direction="column"
justify="center" align={{ initial: 'center', md: 'start' }}
pl={{ initial: '0', md: '9' }} justify="center"
pt={{ initial: '5', md: '0' }} pl={{ initial: '0', md: '9' }}
> pt={{ initial: '5', md: '0' }}
<Heading overflow="hidden"
weight="bold" flexGrow="1"
size={{ initial: '8', lg: '9' }} maxWidth="40rem"
wrap="nowrap"
color={treeColor}
> >
<Flex align="center" gap="3"> <Flex align="center" gap="2">
<Icon width="0.8em" height="0.8em" /> <Heading size={{ initial: '7', lg: '8' }}>
{protagonist.name} <Icon width="1em" height="1em" />
</Flex> </Heading>
</Heading>
<Text <Heading
color="gray" weight="bold"
size="3" size={{ initial: '8', lg: '9' }}
weight="light" wrap="nowrap"
ml={{ initial: '0', md: '7', lg: '9' }} color={treeColor}
> >
BlitzKit Tankopedia {protagonist.name}
</Text> </Heading>
</Flex>
<Text
color="gray"
size="3"
weight="light"
ml={{ initial: '0', md: '7', lg: '8' }}
>
BlitzKit Tankopedia
</Text>
</Flex>
</Flex> </Flex>
<Box <Box