mirrors/cinny
1
0
Fork 0
mirror of https://github.com/cinnyapp/cinny.git synced 2025-01-18 19:56:01 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

add word break in setting tile title and description

Browse source
This commit is contained in:
Ajay Bura 2024-12-26 20:10:28 +05:30
parent 17727decc3
commit c1ef616409
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/app/components/setting-tile/SettingTile.tsx
View file

@ -1,5 +1,6 @@
import React, { ReactNode } from 'react';
import { Box, Text } from 'folds';
import { BreakWord } from '../../styles/Text.css';
type SettingTileProps = {
title?: ReactNode;
@ -13,9 +14,13 @@ export function SettingTile({ title, description, before, after, children }: Set
<Box alignItems="Center" gap="300">
{before && <Box shrink="No">{before}</Box>}
<Box grow="Yes" direction="Column" gap="100">
{title && <Text size="T300">{title}</Text>}
{title && (
<Text className={BreakWord} size="T300">
{title}
</Text>
)}
{description && (
<Text size="T200" priority="300">
<Text className={BreakWord} size="T200" priority="300">
{description}
</Text>
)}