Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2025-12-29 00:20:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

web: use fixed size columns in attachment manager

Browse Source
This commit is contained in:
Abdullah Atta
2023-05-25 12:02:25 +05:00
parent 22d946b677
commit a9e59b17dc
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
apps/web/src/components/dialogs/attachments-dialog.tsx
View File

@@ -169,7 +169,7 @@ function AttachmentsDialog({ onClose }: AttachmentsDialogProps) {
pt: 2,
overflowY: "hidden",
overflow: "hidden",
table: { width: "100%" },
table: { width: "100%", tableLayout: "fixed" },
"tbody::before": {
content: `''`,
display: "block",
@@ -220,6 +220,7 @@ function AttachmentsDialog({ onClose }: AttachmentsDialogProps) {
return (
<Attachment
{...props}
key={attachment.id}
attachment={attachment}
isSelected={selected.indexOf(attachment.id) > -1}
onSelected={() => {
@@ -272,10 +273,10 @@ function AttachmentsDialog({ onClose }: AttachmentsDialogProps) {
</Label>
</Text>
{[
{ id: "name", title: "Name" },
{ id: "status" },
{ id: "size", title: "Size" },
{ id: "dateUploaded", title: "Date uploaded" }
{ id: "name", title: "Name", width: "65%" },
{ id: "status", width: "24px" },
{ id: "size", title: "Size", width: "15%" },
{ id: "dateUploaded", title: "Date uploaded", width: "20%" }
].map((column) =>
!column.title ? (
<th key={column.id} />
@@ -284,7 +285,7 @@ function AttachmentsDialog({ onClose }: AttachmentsDialogProps) {
as="th"
key={column.id}
sx={{
width: "auto",
width: column.width,
cursor: "pointer",
px: 1,
mb: 2,