reya/lume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: improve text wrap

Browse Source
This commit is contained in:
reya
2024-06-01 08:27:22 +07:00
parent f94680e487
commit 2e885b76a1
3 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/desktop2/src/components/note/content.tsx
View File

@@ -102,7 +102,7 @@ export function NoteContent({
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<div <div
className={cn( className={cn(
"select-text text-[15px] text-balance break-words overflow-hidden", "select-text text-[15px] text-pretty overflow-hidden",
event.content.length > 500 ? "max-h-[300px] gradient-mask-b-0" : "", event.content.length > 500 ? "max-h-[300px] gradient-mask-b-0" : "",
className, className,
)} )}

4
apps/desktop2/src/components/note/contentLarge.tsx
View File

@@ -145,9 +145,7 @@ export function NoteContentLarge({
return ( return (
<div className={cn("select-text", className)}> <div className={cn("select-text", className)}>
<div className="text-[15px] text-balance content-break leading-normal"> <div className="text-[15px] text-pretty leading-normal">{content}</div>
{content}
</div>
</div> </div>
); );
} }

2
apps/desktop2/src/routes/$account.home.tsx
View File

@@ -26,7 +26,7 @@ function Screen() {
const initialColumnList = Route.useLoaderData(); const initialColumnList = Route.useLoaderData();
const vlistRef = useRef<VListHandle>(null); const vlistRef = useRef<VListHandle>(null);
const [columns, setColumns] = useState<LumeColumn[]>(null); const [columns, setColumns] = useState<LumeColumn[]>([]);
const [selectedIndex, setSelectedIndex] = useState(-1); const [selectedIndex, setSelectedIndex] = useState(-1);
const [isScroll, setIsScroll] = useState(false); const [isScroll, setIsScroll] = useState(false);
const [isResize, setIsResize] = useState(false); const [isResize, setIsResize] = useState(false);