selfhostyourtech/reflector
2
0
Fork 0
mirror of https://github.com/Monadical-SAS/reflector.git synced 2025-12-20 20:29:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

small styling improvements

Browse Source
This commit is contained in:
Sara
2023-09-25 19:58:41 +02:00
parent edcee20ea8
commit e27dd6d304
4 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
www/app/lib/textComponents.tsx
View File

@@ -4,13 +4,15 @@ type SimpleProps = {
};
const Title = ({ children, className }: SimpleProps) => (
<h2 className={`text-lg font-bold md:text-xl ${className}`}>{children}</h2>
<h2 className={`text-lg font-bold md:text-xl ${className || ""}`}>
{children}
</h2>
);
const Subtitle = ({ children, className }: SimpleProps) => (
<h3 className={`text-base md:text-lg ${className}`}>{children}</h3>
<h3 className={`text-base md:text-lg ${className || ""}`}>{children}</h3>
);
const Paragraph = ({ children, className }: SimpleProps) => (
<p className={`mb-2 md:mb-4 ${className}`}>{children}</p>
<p className={`mb-2 md:mb-4 ${className || ""}`}>{children}</p>
);
export { Title, Subtitle, Paragraph };