mirror of
https://github.com/luminous-devs/lume.git
synced 2024-10-01 09:21:07 +00:00
feat: improve text wrap
This commit is contained in:
parent
f94680e487
commit
2e885b76a1
@ -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,
|
||||||
)}
|
)}
|
||||||
|
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -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);
|
||||||
|
Loading…
Reference in New Issue
Block a user