From f0990f637c97666c4309b60a1f5c6e669b9ec012 Mon Sep 17 00:00:00 2001
From: spencerwooo <spencer.woo@outlook.com>
Date: Sat, 12 Feb 2022 16:29:18 +0800
Subject: [PATCH] fix list layout not full width

---
 components/FileListing.tsx      | 8 ++++----
 components/FolderListLayout.tsx | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/FileListing.tsx b/components/FileListing.tsx
index dda0041..94ba9ea 100644
--- a/components/FileListing.tsx
+++ b/components/FileListing.tsx
@@ -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>
   )
 }
diff --git a/components/FolderListLayout.tsx b/components/FolderListLayout.tsx
index 6eb6e28..a7f7208 100644
--- a/components/FolderListLayout.tsx
+++ b/components/FolderListLayout.tsx
@@ -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>