starred/linsa-linsa-io
1
0
Fork 0
mirror of https://github.com/linsa-io/linsa.git synced 2026-04-23 08:48:37 +02:00
Code Issues 2 Packages Projects Releases Wiki Activity

refactor: page item

Browse Source
This commit is contained in:
Aslam H
2024-10-22 21:06:13 +07:00
parent 53b67ae82c
commit 58af4100b0
2 changed files with 13 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
web/app/routes/_layout/_pages/_protected/pages/-item.tsx
View File

@@ -52,22 +52,19 @@ export const PageItem = React.forwardRef<HTMLAnchorElement, PageItemProps>(
</Column.Text> </Column.Text>
</Column.Wrapper> </Column.Wrapper>
<Column.Wrapper style={columnStyles.topic}>
{page.topic && (
<Badge variant="secondary">{page.topic.prettyName}</Badge>
)}
</Column.Wrapper>
{!isTablet && ( {!isTablet && (
<Column.Wrapper style={columnStyles.topic}> <Column.Wrapper style={columnStyles.updated}>
{page.topic && ( <Column.Text>
<Badge variant="secondary">{page.topic.prettyName}</Badge> {format(new Date(page.updatedAt), "d MMM yyyy")}
)} </Column.Text>
</Column.Wrapper> </Column.Wrapper>
)} )}
<Column.Wrapper
style={columnStyles.updated}
className="flex justify-end"
>
<Column.Text className="text-sm">
{format(new Date(page.updatedAt), "d MMM yyyy")}
</Column.Text>
</Column.Wrapper>
</div> </div>
</Link> </Link>
) )

6
web/app/routes/_layout/_pages/_protected/pages/-list.tsx
View File

@@ -99,9 +99,9 @@ export const useColumnStyles = () => {
"--max-width": "120px", "--max-width": "120px",
}, },
updated: { updated: {
"--width": "82px", "--width": "65px",
"--min-width": "82px", "--min-width": "120px",
"--max-width": "82px", "--max-width": "120px",
}, },
} }
} }