fix list layout not full width
This commit is contained in:
parent
04a79f3920
commit
f0990f637c
2 changed files with 5 additions and 5 deletions
|
@ -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>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue