fix(web): align delete file button to right

ChaiyoKung · Aug 19, 2024 · 3f7c805 · 3f7c805
1 parent 840f8db
commit 3f7c805
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/apps/web/src/app/_components/File.tsx b/apps/web/src/app/_components/File.tsx
@@ -10,9 +10,9 @@ export function File({ path, showDelete = false }: FileProps) {
   const deleteFile = useDataStore((state) => state.deleteData);
 
   return (
-    <div className="flex flex-col gap-2 items-start justify-between border bg-white rounded-xl p-4">
+    <div className="flex flex-col gap-2 justify-between border bg-white rounded-xl p-4">
       <div className="flex items-start gap-2">
-        <div className="text-gray-800 text-xs break-all">{path}</div>
+        <div className="text-gray-800 text-xs break-all w-full">{path}</div>
         {showDelete && (
           <button
             className="text-xs bg-red-500 hover:bg-red-600 transition-colors border border-red-500 text-white px-2 py-1 rounded-full"