matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pl-fe: improve logo line spacing

Browse Source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak
2024-09-06 09:09:58 +02:00
parent ffae5e9df5
commit 5a3ede1613
2 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/pl-fe/src/features/landing-timeline/components/logo-text.tsx
View File

@ -7,7 +7,7 @@ interface ILogoText extends Pick<React.HTMLAttributes<HTMLHeadingElement>, 'dir'
/** Big text in site colors, for displaying the site name. Resizes itself according to the screen size. */
const LogoText: React.FC<ILogoText> = ({ children, dir }) => (
<h1
className='-my-5 overflow-hidden text-ellipsis bg-gradient-to-br from-accent-500 via-primary-500 to-gradient-end bg-clip-text text-5xl font-extrabold !leading-normal text-transparent lg:text-6xl xl:text-7xl'
className='-my-5 overflow-hidden text-ellipsis bg-gradient-to-br from-accent-500 via-primary-500 to-gradient-end bg-clip-text text-5xl font-extrabold !leading-tight text-transparent lg:text-6xl xl:text-7xl'
dir={dir}
>
{children}

4
packages/pl-fe/src/features/landing-timeline/components/site-banner.tsx
View File

@ -13,16 +13,18 @@ const SiteBanner: React.FC = () => {
const description = DOMPurify.sanitize(instance.description);
return (
<Stack space={3}>
<Stack space={6}>
<LogoText dir={getTextDirection(instance.title)}>
{instance.title}
</LogoText>
{instance.description.trim().length > 0 && (
<Markup
size='lg'
dangerouslySetInnerHTML={{ __html: description }}
direction={getTextDirection(description)}
/>
)}
</Stack>
);
};