fix: style of editor

unit-mesh · Dec 6, 2023 · 0f8255a · 0f8255a
1 parent 71858cc
commit 0f8255a
Show file tree

Hide file tree

Showing 5 changed files with 34 additions and 4 deletions.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/web/core/lib/editor/editor.css b/web/core/lib/editor/editor.css
@@ -2,6 +2,10 @@
 @import '@/../node_modules/@radix-ui/colors/mauve.css';
 @import '@/../node_modules/@radix-ui/colors/violet.css';
 
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@tailwind screens;
 .tiptap {
     font-size: 1.1em;
 }

diff --git a/web/core/package.json b/web/core/package.json
@@ -15,7 +15,7 @@
       "import": "./dist/main.js"
     },
     "./package.json": "./package.json",
-    "./style.css": "./dist/assets/style.css"
+    "./style.css": "./dist/assets/main.css"
   },
   "typesVersions": {
     "*": {
@@ -41,8 +41,6 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "@radix-ui/colors": "^3.0.0",
     "@radix-ui/popper": "^0.1.0",
     "@radix-ui/react-accordion": "^1.1.2",
@@ -103,6 +101,8 @@
     "prosemirror-changeset": "^2.2.1",
     "prosemirror-keymap": "^1.2.2",
     "prosemirror-view": "^1.32.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-i18next": "^13.5.0",
     "react-select": "^5.8.0",
     "react-spinners": "^0.13.8",
@@ -115,6 +115,9 @@
   "devDependencies": {
     "@types/prosemirror-keymap": "^1.2.0",
     "@types/prosemirror-model": "^1.17.0",
-    "@types/prosemirror-view": "^1.24.0"
+    "@types/prosemirror-view": "^1.24.0",
+    "autoprefixer": "^10.0.1",
+    "postcss": "^8",
+    "tailwindcss": "^3.3.0"
   }
 }
diff --git a/web/core/postcss.config.js b/web/core/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/web/core/tailwind.config.js b/web/core/tailwind.config.js
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ['./lib/**/*.{js,jsx,ts,tsx}'],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};