starred/archived-linsa
1
0
Fork 0
mirror of https://github.com/linsa-io/linsa.git synced 2026-01-12 12:20:23 +01:00
Code Issues 2 Packages Projects Releases Wiki Activity

refactor(page): render text, text size etc (#131)

Browse Source
This commit is contained in:
Aslam
2024-09-04 06:10:55 +07:00
committed by GitHub
parent 9c559ccf9a
commit c3572960c3
3 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/components/routes/link/partials/form/link-form.tsx
View File

@@ -232,7 +232,9 @@ export const LinkForm: React.FC<LinkFormProps> = ({
<FormLabel className="sr-only">Topic</FormLabel> <FormLabel className="sr-only">Topic</FormLabel>
<TopicSelector <TopicSelector
{...field} {...field}
renderSelectedText={() => <span>{selectedTopic?.prettyName || "Select a topic"}</span>} renderSelectedText={() => (
<span className="truncate">{selectedTopic?.prettyName || "Select a topic"}</span>
)}
/> />
</FormItem> </FormItem>
)} )}

7
web/components/routes/page/detail/PageDetailRoute.tsx
View File

@@ -90,7 +90,7 @@ export function PageDetailRoute({ pageId }: { pageId: string }) {
<div className="relative min-w-56 max-w-72 border-l"> <div className="relative min-w-56 max-w-72 border-l">
<div className="flex"> <div className="flex">
<div className="flex h-10 flex-auto flex-row items-center justify-between px-5"> <div className="flex h-10 flex-auto flex-row items-center justify-between px-5">
<span className="text-left text-sm font-medium">Page actions</span> <span className="text-left text-[13px] font-medium">Page actions</span>
</div> </div>
<div className="absolute bottom-0 left-0 right-0 top-10 space-y-3 overflow-y-auto px-4 py-1.5"> <div className="absolute bottom-0 left-0 right-0 top-10 space-y-3 overflow-y-auto px-4 py-1.5">
@@ -102,10 +102,13 @@ export function PageDetailRoute({ pageId }: { pageId: string }) {
}} }}
variant="ghost" variant="ghost"
className="-ml-1.5" className="-ml-1.5"
renderSelectedText={() => (
<span className="truncate">{page.topic?.prettyName || "Select a topic"}</span>
)}
/> />
<Button size="sm" variant="ghost" onClick={handleDelete} className="-ml-1.5"> <Button size="sm" variant="ghost" onClick={handleDelete} className="-ml-1.5">
<LaIcon name="Trash" className="mr-2 size-3.5" /> <LaIcon name="Trash" className="mr-2 size-3.5" />
Delete <span className="text-sm">Delete</span>
</Button> </Button>
</div> </div>
</div> </div>

1
web/components/routes/page/detail/header.tsx
View File

@@ -29,6 +29,7 @@ export const DetailPageHeader = ({ page, handleDelete }: { page: PersonalPage; h
}} }}
align="start" align="start"
variant="outline" variant="outline"
renderSelectedText={() => <span className="truncate">{page.topic?.prettyName || "Select a topic"}</span>}
/> />
<Button size="sm" variant="outline" onClick={handleDelete}> <Button size="sm" variant="outline" onClick={handleDelete}>
<LaIcon name="Trash" className="mr-2 size-3.5" /> <LaIcon name="Trash" className="mr-2 size-3.5" />