Merge pull request #139 from huyjs9/feat/table-info-color

Add color for table info
drawdb-io · Jun 19, 2024 · c43adae · c43adae
2 parents c90b33c + d925d16
commit c43adae
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/components/EditorSidePanel/NotesTab/NoteInfo.jsx b/src/components/EditorSidePanel/NotesTab/NoteInfo.jsx
@@ -98,7 +98,7 @@ export default function NoteInfo({ data, nid }) {
                     <button
                       key={c}
                       style={{ backgroundColor: c }}
-                      className="p-3 rounded-full mx-1"
+                      className="w-10 h-10 p-3 rounded-full mx-1"
                       onClick={() => {
                         setUndoStack((prev) => [
                           ...prev,

diff --git a/src/components/EditorSidePanel/TablesTab/TablesTab.jsx b/src/components/EditorSidePanel/TablesTab/TablesTab.jsx
@@ -46,10 +46,17 @@ export default function TablesTab() {
           {tables.map((t) => (
             <div id={`scroll_table_${t.id}`} key={t.id}>
               <Collapse.Panel
+                className="relative"
                 header={
-                  <div className="overflow-hidden text-ellipsis whitespace-nowrap">
-                    {t.name}
-                  </div>
+                  <>
+                    <div className="overflow-hidden text-ellipsis whitespace-nowrap">
+                      {t.name}
+                    </div>
+                    <div
+                      className="w-1 h-full absolute top-0 left-0 bottom-0"
+                      style={{ backgroundColor: t.color }}
+                    />
+                  </>
                 }
                 itemKey={`${t.id}`}
               >