nice stuff

src/components/table.jsx

@@ -92,11 +92,11 @@ export default function Table(props) {
                 <Popover
                   content={
                     <div className="text-slate-600">
-                      <p>
+                      <p className="mb-2">
                         <strong>Comment :</strong>{" "}
                         {props.tableData.comment === ""
                           ? "No comment"
-                          : props.tableData.comment}
+                          : <div>{props.tableData.comment}</div>}
                       </p>
                       <p className="text-slate-600">
                         <strong
@@ -133,6 +133,7 @@ export default function Table(props) {
                   position="rightTop"
                   showArrow
                   trigger="click"
+                  style={{width: "200px"}}
                 >
                   <Button
                     icon={<IconMore />}

src/index.css

@@ -1,22 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-.cm-focused {
-  outline: none !important;
-}
-
-.bg-blue {
-  background-color: #124559;
-}
-
-.semi-form-vertical .semi-form-field {
-  margin: 0;
-  padding-top: 8px !important;
-  padding-bottom: 8px !important;
-  overflow: hidden;
-}
-
-.semi-card .semi-collapse-item{
-  border: none !important;
-}

src/pages/editor.jsx

@@ -1,4 +1,4 @@
-import React, { useState, createContext } from "react";
+import React, { useState, createContext, useEffect } from "react";
 import Sidebar from "../components/sidebar";
 import ControlPanel from "../components/control_panel";
 import { DndProvider } from "react-dnd";
@@ -35,6 +35,11 @@ export default function Editor(props) {
     if (w > 340) setWidth(w);
   };
 
+  useEffect(()=>{
+    document.title = "Editor";
+    console.log("hey");
+  }, [])
+
   return (
     <LayoutContext.Provider value={{ layout, setLayout }}>
       <TableContext.Provider