chore: minor contex-menu style update

henrynoowah · Feb 8, 2025 · d91373f · d91373f
1 parent f8236a3
commit d91373f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/packages/ui/src/components/context-menu/context-menu.tsx b/packages/ui/src/components/context-menu/context-menu.tsx
@@ -53,6 +53,7 @@ export const ContextMenu = ({
                         {item.sub.map((subItem, subIndex) => (
                           <RadixContextMenu.Item
                             key={`group-${i}-item-${index}-sub-${subIndex}`}
+                            className="nwcb-text-sm nwcb-leading-none nwcb-bg-white nwcb-shadow-md nwcb-rounded-sm nwcb-flex nwcb-items-center nwcb-h-8 nwcb-px-2 nwcb-relative nwcb-select-none nwcb-outline-none hover:nwcb-bg-blue-500 hover:nwcb-text-white"
                             onClick={subItem.onClick}
                           >
                             {subItem.label}

diff --git a/packages/ui/src/components/editor/Editor.tsx b/packages/ui/src/components/editor/Editor.tsx
@@ -392,6 +392,19 @@ const EditorContextMenu = ({ children }: { children: React.ReactNode }) => {
         {
           label: "Section",
           items: [
+            {
+              label: "Layouts",
+              sub: [
+                {
+                  label: "Grid",
+                  onClick: () => {},
+                },
+                {
+                  label: "Free",
+                  onClick: () => {},
+                },
+              ],
+            },
             {
               label: "Insert Section Below",
               onClick: () => {