border-divider Tailwind hotfix

canvas · Dec 21, 2023 · 5de83c4 · 5de83c4
1 parent 390041e
commit 5de83c4
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 9 deletions.
diff --git a/react/package-lock.json b/react/package-lock.json
diff --git a/react/package.json b/react/package.json
@@ -60,7 +60,7 @@
     "prettier": "^3.1.1",
     "prettier-plugin-tailwindcss": "^0.5.9",
     "style-loader": "^3.3.3",
-    "tailwindcss": "^3.3.6",
+    "tailwindcss": "^3.4.0",
     "tailwindcss-themer": "^4.0.0",
     "ts-loader": "^9.5.1",
     "typescript": "^5.3.3",
@@ -92,4 +92,4 @@
     "watch": "^0.13.0",
     "zustand": "^4.4.7"
   }
-}
+}
diff --git a/react/src/Canvas.tsx b/react/src/Canvas.tsx
@@ -10,7 +10,7 @@ type CanvasInnerProps = {
 export const CanvasInner = ({ canvasData, dataHash }: CanvasInnerProps) => {
     const { elementOrder, elements } = canvasData;
     return (
-        <div className="flex flex-1 flex-col gap-4 overflow-y-auto">
+        <div className="canvas-container flex flex-1 flex-col gap-4 overflow-y-auto">
             <Filters canvasData={canvasData} />
             <section className="mt-5 flex flex-col gap-8">
                 {elementOrder.element_order.map((elementIds, index) => (

diff --git a/react/styles/index.less b/react/styles/index.less
@@ -20,3 +20,9 @@ body {
 
     overscroll-behavior-x: contain;
 }
+
+.canvas-container {   
+    .border-divider {
+        border-color: rgba(var(--colors-divider), var(--tw-border-opacity));
+    }
+}