fix(whiteboard): dev warnings

logseq · Nov 14, 2022 · 2e4947a · 2e4947a
1 parent d94e649
commit 2e4947a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/tldraw/apps/tldraw-logseq/src/components/inputs/ColorInput.tsx b/tldraw/apps/tldraw-logseq/src/components/inputs/ColorInput.tsx
@@ -35,9 +35,7 @@ export function ColorInput({
 
   return (
     <Popover.Root>
-      <Popover.Trigger>
-        <button className="tl-color-drip mx-1">{renderColor(color)}</button>
-      </Popover.Trigger>
+      <Popover.Trigger className="tl-color-drip mx-1">{renderColor(color)}</Popover.Trigger>
 
       <Popover.Content
         className="tl-popover-content"
@@ -48,6 +46,7 @@ export function ColorInput({
         <div className={'tl-color-palette'}>
           {Object.values(Color).map(value => (
             <button
+              key={value}
               className={`tl-color-drip m-1${value === color ? ' active' : ''}`}
               onClick={() => setColor(value)}
             >

diff --git a/tldraw/apps/tldraw-logseq/src/styles.css b/tldraw/apps/tldraw-logseq/src/styles.css
@@ -235,7 +235,7 @@ html[data-theme='light'] {
 }
 
 .tl-statusbar {
-  @apply absolute flex items-center w-full bottom-0;
+  @apply fixed flex items-center w-full bottom-0;
 
   font-family: monospace;
   font-size: 10px;