瀏覽代碼

Setup styling

wilitp 4 年之前
父節點
當前提交
8ee721115c
共有 6 個文件被更改,包括 45889 次插入9996 次删除
  1. 35520 0
      package-lock.json
  2. 1 0
      package.json
  3. 1 1
      src/App.tsx
  4. 1 0
      src/global.d.ts
  5. 1 0
      src/index.tsx
  6. 10365 9995
      yarn.lock

文件差異過大導致無法顯示
+ 35520 - 0
package-lock.json


+ 1 - 0
package.json

@@ -10,6 +10,7 @@
     "@types/node": "^12.0.0",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
+    "bootstrap": "^5.1.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-scripts": "4.0.3",

+ 1 - 1
src/App.tsx

@@ -3,7 +3,7 @@ import React from "react";
 function App() {
   return (
     <div>
-      <p>Funca</p>
+      <button className="btn btn-primary">hola</button>
     </div>
   );
 }

+ 1 - 0
src/global.d.ts

@@ -0,0 +1 @@
+declare module "*.module.css";

+ 1 - 0
src/index.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import ReactDOM from "react-dom";
 import App from "./App";
 import reportWebVitals from "./reportWebVitals";
+import "bootstrap/dist/css/bootstrap.min.css";
 
 ReactDOM.render(
   <React.StrictMode>

文件差異過大導致無法顯示
+ 10365 - 9995
yarn.lock