fix: border

src/assets/styles.css

@@ -1,6 +1,7 @@
 @import './fonts/font.css';
 
 .scrollbar {
+  overflow: auto;
   /* 整个滚动条 */
   &::-webkit-scrollbar {
     width: 3px;

src/main.tsx

@@ -1,6 +1,5 @@
 import { createRoot } from 'react-dom/client';
 import { App } from './App.tsx';
-// import './tailwind.css';
 import './globals.css';
 import './index.css';
 import './assets/styles.css';

src/pages/app/edit/List.tsx

@@ -135,7 +135,7 @@ export const List = () => {
                 const hasDescription = !!item.description;
                 const content = marked.parse(item.description);
                 return (
-                  <div className='card border-t w-[300px] ' key={item.id}>
+                  <div className='card border-t border-gray-200 w-[300px] ' key={item.id}>
                     <div className='card-title flex justify-between' onClick={() => {}}>
                       {item.title}
                       <div>
@@ -145,7 +145,7 @@ export const List = () => {
                     <div>
                       <div className='text-xs'>domain: {item.domain}</div>
                       <div className='text-xs'>version: {item.version}</div>
-                      <div className={clsx('text-sm border p-2 max-h-[140px] scrollbar my-1', !hasDescription && 'hidden')}>
+                      <div className={clsx('text-sm border border-gray-200 p-2 max-h-[140px] scrollbar my-1', !hasDescription && 'hidden')}>
                         <div dangerouslySetInnerHTML={{ __html: content }}></div>
                       </div>
                     </div>

src/pages/file/edit/List.tsx

@@ -28,7 +28,7 @@ export const CardPath = ({ children }: any) => {
     userAppStore.getList();
   };
   return (
-    <div className='border'>
+    <div className='border border-gray-200 rounded'>
       <div className='p-2'>
         <div className='flex flex-col'>
           <div className='  flex gap-2 py-2'>
@@ -88,7 +88,7 @@ export const List = () => {
                 showPrefix = showPrefix.replace('/', '');
                 return (
                   <div
-                    className=' border-t flex gap-2 p-2'
+                    className=' border-t border-gray-200 flex gap-2 p-2'
                     key={index}
                     onClick={() => {
                       onDirectoryClick(item.prefix);
@@ -104,7 +104,7 @@ export const List = () => {
               const size = prettyBytes(item.size);
               return (
                 <div
-                  className=' border-t flex gap-2 p-2'
+                  className=' border-t border-gray-200 flex gap-2 p-2'
                   key={index}
                   onClick={() => {
                     userAppStore.getFile(item.name);

src/tailwind.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;