starred/linsa-linsa-io
1
0
Fork 0
mirror of https://github.com/linsa-io/linsa.git synced 2026-02-24 19:35:02 +01: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.Wrapper>
<Column.Wrapper style={columnStyles.topic}>
{page.topic && (
<Badge variant="secondary">{page.topic.prettyName}</Badge>
)}
</Column.Wrapper>
{!isTablet && (
<Column.Wrapper style={columnStyles.topic}>
{page.topic && (
<Badge variant="secondary">{page.topic.prettyName}</Badge>
)}
<Column.Wrapper style={columnStyles.updated}>
<Column.Text>
{format(new Date(page.updatedAt), "d MMM yyyy")}
</Column.Text>
</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>
</Link>
)

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

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