fix: bubble menu

malezjaa · Jan 28, 2024 · 3d6df2e · 3d6df2e
1 parent 7a5d8af
commit 3d6df2e
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 10 deletions.
diff --git a/packages/eddies/src/components/bubble-menu/bubble-menu.tsx b/packages/eddies/src/components/bubble-menu/bubble-menu.tsx
@@ -114,7 +114,7 @@ export default function BubbleMenu({
 
           return true;
         }}
-        className="eddies-m-0.5 eddies-mx-1 eddies-rounded-xl eddies-border-box eddies-flex eddies-flex-row eddies-items-center eddies-justify-center eddies-bg-color-bg-secondary eddies-shadow-custom eddies-gap-[3px] eddies-w-fit"
+        className="eddies-border eddies-border-border eddies-shadow-custom eddies-p-0.5 eddies-px-1 eddies-rounded-[.375rem] eddies-border-box eddies-flex eddies-bg-color-bg-secondary eddies-gap-[3px] eddies-w-fit"
       >
         <NodeSelector editor={editor} />
         <div className="eddies-flex">

diff --git a/packages/eddies/src/components/slash-command/menu.tsx b/packages/eddies/src/components/slash-command/menu.tsx
@@ -138,7 +138,7 @@ export const CommandMenu = React.forwardRef(
       <div
         id="slash-command"
         ref={commandListContainer}
-        className="eddies-z-50 eddies-h-auto eddies-max-h-[330px] eddies-w-72 eddies-overflow-y-auto eddies-rounded-md eddies-bg-color-bg-secondary eddies-px-2 eddies-py-3 eddies-transition-all"
+        className="eddies-border eddies-border-border eddies-shadow-custom eddies-z-50 eddies-h-auto eddies-max-h-[330px] eddies-w-72 eddies-overflow-y-auto eddies-rounded-[.375rem] eddies-bg-color-bg-secondary eddies-px-2 eddies-py-3 eddies-transition-all"
       >
         {items.map((group: SlashCommandGroup, mainIndex: number) => {
           return (

diff --git a/packages/eddies/src/styles/index.css b/packages/eddies/src/styles/index.css
@@ -16,7 +16,7 @@
 
   --eddies-bg-color: white;
   --eddies-text-color: black;
-  --eddies-bg-secondary-color: white;
+  --eddies-bg-secondary-color: rgb(245 245 245);
   --eddies-text-secondary-color: rgb(31, 31, 31);
 
   --eddies-border: rgba(236, 236, 238, 0.856);
@@ -58,13 +58,6 @@
   @apply eddies-bg-neutral-500/50 eddies-rounded-full;
 }
 
-.tippy-box {
-  border-radius: 0.375rem;
-  box-shadow: var(--edies-box-shadow);
-  background-color: var(--eddies-bg-color-secondary);
-  border: 1px solid var(--eddies-border);
-}
-
 .ProseMirror,
 .eddies-container {
   background-color: var(--eddies-bg-color);