fix list layout not full width

This commit is contained in:
spencerwooo 2022-02-12 16:29:18 +08:00
parent 04a79f3920
commit f0990f637c
No known key found for this signature in database
GPG key ID: 24CD550268849CA0
2 changed files with 5 additions and 5 deletions

View file

@ -71,12 +71,12 @@ const formatChildName = (name: string) => {
return render ? name.replace(emoji ? emoji[0] : '', '').trim() : name return render ? name.replace(emoji ? emoji[0] : '', '').trim() : name
} }
export const ChildName: FC<{ name: string }> = ({ name }) => { export const ChildName: FC<{ name: string }> = ({ name }) => {
let basename = formatChildName(name) const original = formatChildName(name)
const extension = getExtension(basename) const extension = getExtension(original)
basename = basename.substring(0, basename.length - extension.length) const prename = original.substring(0, original.length - extension.length)
return ( return (
<span className="truncate before:float-right before:content-[attr(data-tail)]" data-tail={extension}> <span className="truncate before:float-right before:content-[attr(data-tail)]" data-tail={extension}>
{basename} {prename}
</span> </span>
) )
} }

View file

@ -93,7 +93,7 @@ const FolderListLayout = ({
key={c.id} key={c.id}
> >
<Link href={`${path === '/' ? '' : path}/${encodeURIComponent(c.name)}`} passHref> <Link href={`${path === '/' ? '' : path}/${encodeURIComponent(c.name)}`} passHref>
<a className="col-span-10"> <a className="col-span-12 md:col-span-10">
<FileListItem fileContent={c} /> <FileListItem fileContent={c} />
</a> </a>
</Link> </Link>