eduvia/workavia-drive
11
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🐛 ui: Fix bug date of last modification of document is not align between items in mobile (#655)

Browse Source
This commit is contained in:
lethemanh
2024-12-13 16:31:05 +07:00
parent ca3ad6b99b
commit 64ec163ad5
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tdrive/frontend/src/app/views/client/body/drive/documents/document-row.tsx
+7 -7
View File
@@ -78,16 +78,16 @@ export const DocumentRow = ({
fallback={<DocumentIcon item={item} />} fallback={<DocumentIcon item={item} />}
/> />
</div> </div>
<div className="grow text-ellipsis whitespace-nowrap overflow-hidden"> <div className="md:grow text-ellipsis whitespace-nowrap">
<Base className="flex maxWidth100">{item.name}</Base> <Base className={`block text-ellipsis whitespace-nowrap overflow-hidden ${hasAnyPublicLinkAccess(item) ? 'w-[38px]' : 'w-[74px]'} md:w-full`}>{item.name}</Base>
</div> </div>
<div className="shrink-0 ml-4"> <div className="shrink-0 md:ml-4">
{hasAnyPublicLinkAccess(item) && <PublicIcon className="h-5 w-5 text-blue-500" />} {hasAnyPublicLinkAccess(item) && <PublicIcon className="h-5 w-5 text-blue-500 ml-4" />}
</div> </div>
<div className="shrink-0 ml-4 mr-12"> <div className="shrink-0 ml-4 md:mr-12">
<BaseSmall>{formatDateShort(item?.last_version_cache?.date_added)}</BaseSmall> <BaseSmall>{formatDateShort(item?.last_version_cache?.date_added)}</BaseSmall>
</div> </div>
<div className="shrink-0 ml-4 text-right lg:w-24 sm:w-20 "> <div className="shrink-0 ml-4 mr-4 md:mr-none text-right lg:w-24 sm:w-20 ">
<BaseSmall>{formatBytes(item.size)}</BaseSmall> <BaseSmall>{formatBytes(item.size)}</BaseSmall>
</div> </div>
{FeatureTogglesService.isActiveFeatureName(FeatureNames.COMPANY_AV_ENABLED) && ( {FeatureTogglesService.isActiveFeatureName(FeatureNames.COMPANY_AV_ENABLED) && (
@@ -101,7 +101,7 @@ export const DocumentRow = ({
</BaseSmall> </BaseSmall>
</div> </div>
)} )}
<div className="shrink-0 ml-4"> <div className="shrink-0 ml-auto md:ml-4">
<Menu menu={onBuildContextMenu}> <Menu menu={onBuildContextMenu}>
<Button <Button
theme={'secondary'} theme={'secondary'}