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
}
export const ChildName: FC<{ name: string }> = ({ name }) => {
let basename = formatChildName(name)
const extension = getExtension(basename)
basename = basename.substring(0, basename.length - extension.length)
const original = formatChildName(name)
const extension = getExtension(original)
const prename = original.substring(0, original.length - extension.length)
return (
<span className="truncate before:float-right before:content-[attr(data-tail)]" data-tail={extension}>
{basename}
{prename}
</span>
)
}

View file

@ -93,7 +93,7 @@ const FolderListLayout = ({
key={c.id}
>
<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} />
</a>
</Link>