fix: temp

src/App.tsx

@@ -1,4 +1,9 @@
-
 export const App = () => {
-  return <div className="bg-slate-200 w-20 h-10 border">App</div>;
+  return (
+    <div className='bg-slate-200 w-full h-full border'>
+      <div className='loading bg-black'>
+        <div></div>
+      </div>
+    </div>
+  );
 };

src/assets/styles.css

@@ -1,30 +0,0 @@
-.scrollbar {
-  /* 整个滚动条 */
-  &::-webkit-scrollbar {
-    width: 3px;
-    height: 3px;
-  }
-
-  /* 滚动条有滑块的轨道部分 */
-  &::-webkit-scrollbar-track-piece {
-    background-color: transparent;
-    border-radius: 1px;
-  }
-
-  /* 滚动条滑块(竖向:vertical 横向:horizontal) */
-  &::-webkit-scrollbar-thumb {
-    cursor: pointer;
-    background-color: black;
-    border-radius: 5px;
-  }
-
-  /* 滚动条滑块hover */
-  &::-webkit-scrollbar-thumb:hover {
-    background-color: #999999;
-  }
-
-  /* 同时有垂直和水平滚动条时交汇的部分 */
-  &::-webkit-scrollbar-corner {
-    display: block; /* 修复交汇时出现的白块 */
-  }
-}

src/components/loading/index.tsx

@@ -1,12 +0,0 @@
-type LoadingProps = {
-  loading?: boolean;
-  children?: React.ReactNode;
-};
-export const Loading = (props: LoadingProps) => {
-  if (!props.loading) return <>{props.children}</>;
-  return (
-    <div className='w-full h-full flex justify-center items-center'>
-      <div className='w-20 h-20 border-t-8 border-b-8  rounded-full animate-spin'></div>
-    </div>
-  );
-};

src/components/modal/container.tsx

@@ -1,6 +0,0 @@
-export const ForModal = () => {
-  return <div id='for-modal'></div>;
-};
-export const getContainer = () => {
-  return document.querySelector('#for-modal')!;
-};

src/components/modal/index.tsx

@@ -1 +0,0 @@
-export * from './container'

src/globals.css

@@ -1,15 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-  h1 {
-    @apply text-2xl font-bold;
-  }
-  h2 {
-    @apply text-xl font-bold;
-  }
-  h3 {
-    @apply text-lg font-bold;
-  }
-}

src/index.css

@@ -1,12 +1,11 @@
-html,
-body {
-  width: 100%;
-  height: 100%;
-  font-size: 16px;
-  font-family: 'Montserrat', sans-serif;
-}
+@tailwind components;
 
 #root {
   width: 100%;
   height: 100%;
-}
+}
+@layer components {
+  .loading-sm {
+    @apply w-4 h-4 border-t-2 border-b-2  rounded-full animate-spin;
+  }
+}

src/main.tsx

@@ -1,8 +1,7 @@
 import { createRoot } from 'react-dom/client';
 import { App } from './App.tsx';
-// import './tailwind.css';
-import './globals.css';
+import '@build/tailwind/main.css';
+
 import './index.css';
-import './assets/styles.css';
 
 createRoot(document.getElementById('root')!).render(<App />);

src/tailwind.css

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