nezumi/onedrive-vercel-index
1
0
Fork 0
mirror of https://github.com/Nezumi-2711/onedrive-vercel-index.git synced 2026-09-22 13:38:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix mobile hidden visibility

Browse Source
This commit is contained in:
spencerwooo
2021-06-25 00:47:57 +01:00
parent a2f853259f
commit debef82ce0
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/FileListing.tsx
+5 -4
View File
@@ -65,13 +65,13 @@ const FileListItem: FunctionComponent<{
</div> </div>
<div className="truncate">{c.name}</div> <div className="truncate">{c.name}</div>
</div> </div>
<div className="invisible md:visible font-mono text-sm col-span-2 text-gray-700"> <div className="hidden md:block font-mono text-sm col-span-2 text-gray-700">
{new Date(c.lastModifiedDateTime).toLocaleString(undefined, { {new Date(c.lastModifiedDateTime).toLocaleString(undefined, {
dateStyle: 'short', dateStyle: 'short',
timeStyle: 'short', timeStyle: 'short',
})} })}
</div> </div>
<div className="invisible md:visible font-mono text-sm text-gray-700">{humanFileSize(c.size)}</div> <div className="hidden md:block font-mono text-sm text-gray-700">{humanFileSize(c.size)}</div>
</div> </div>
) )
} }
@@ -130,8 +130,8 @@ const FileListing: FunctionComponent<{ query?: ParsedUrlQuery }> = ({ query }) =
<div className="bg-white shadow rounded"> <div className="bg-white shadow rounded">
<div className="p-3 grid grid-cols-10 items-center space-x-2 border-b border-gray-200"> <div className="p-3 grid grid-cols-10 items-center space-x-2 border-b border-gray-200">
<div className="col-span-10 md:col-span-7 font-bold">Name</div> <div className="col-span-10 md:col-span-7 font-bold">Name</div>
<div className="invisible md:visible font-bold col-span-2">Last Modified</div> <div className="hidden md:block font-bold col-span-2">Last Modified</div>
<div className="invisible md:visible font-bold">Size</div> <div className="hidden md:block font-bold">Size</div>
</div> </div>
{imagesInFolder.length !== 0 && ( {imagesInFolder.length !== 0 && (
@@ -197,6 +197,7 @@ const FileListing: FunctionComponent<{ query?: ParsedUrlQuery }> = ({ query }) =
case preview.video: case preview.video:
return <VideoPreview file={resp} /> return <VideoPreview file={resp} />
case preview.audio: case preview.audio:
return <AudioPreview file={resp} /> return <AudioPreview file={resp} />