fix: use tailwind important to override in conditionals

QuiiBz · Dec 31, 2023 · 378d2a7 · 378d2a7
1 parent 5c4dd44
commit 378d2a7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/apps/dashboard/src/components/Element.tsx b/apps/dashboard/src/components/Element.tsx
@@ -245,7 +245,7 @@ export function Element({ element }: ElementProps) {
         "element cursor-default select-none outline-1 outline-offset-[3px] hover:outline",
         { "outline outline-blue-500 cursor-move": isSelected },
         { "outline-dashed": element.tag === "span" },
-        { "outline-none cursor-text": isEditing },
+        { "!outline-none !cursor-text": isEditing },
       )}
       id={`element-${element.id}`}
       // @ts-expect-error wtf?

diff --git a/apps/dashboard/src/components/LeftPanel/ElementRow.tsx b/apps/dashboard/src/components/LeftPanel/ElementRow.tsx
@@ -70,8 +70,8 @@ export function ElementRow({ element }: ElementRowProps) {
       <button
         className={clsx(
           "flex items-center gap-2 select-none text-gray-600 hover:text-gray-900 w-full",
-          { "text-blue-500": selectedElementId === element.id },
-          { "text-gray-300": !element.visible },
+          { "!text-blue-500": selectedElementId === element.id },
+          { "!text-gray-300": !element.visible },
         )}
         onClick={() => { setSelectedElementId(element.id); }}
         onDoubleClick={() => {