update styles some more for editor

shawnmclean · Dec 24, 2024 · 9272441 · 9272441
1 parent 2b4df09
commit 9272441
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/apps/sovoli.com/src/app/(dashboard)/new/components/NoteForm.tsx b/apps/sovoli.com/src/app/(dashboard)/new/components/NoteForm.tsx
@@ -12,7 +12,9 @@ export const NoteForm = () => {
         fullWidth
         size="lg"
         variant="bordered"
-        className="text-3xl"
+        classNames={{
+          input: "font-bold text-3xl",
+        }}
       />
 
       <Input

diff --git a/apps/sovoli.com/src/components/TipTap/Tiptap.tsx b/apps/sovoli.com/src/components/TipTap/Tiptap.tsx
@@ -33,8 +33,8 @@ export const Tiptap = () => {
   if (!editor) return null;
 
   return (
-    <div className="w-full flex-row items-center gap-3 rounded-large border-2 border-default-200 px-3 shadow-sm focus-within:border-default-foreground hover:border-default-400 hover:focus-within:border-default-foreground">
-      <div>
+    <div className="w-full flex-row items-center gap-3 rounded-large border-2 border-default-200 shadow-sm focus-within:border-default-foreground hover:border-default-400 hover:focus-within:border-default-foreground">
+      <div className="flex flex-wrap gap-1 border-b-1 border-default-100 p-1">
         <ButtonGroup variant="light">
           <MenuButtonUndo editor={editor} />
           <MenuButtonRedo editor={editor} />

diff --git a/apps/sovoli.com/src/components/TipTap/controls/MenuSelectHeading.tsx b/apps/sovoli.com/src/components/TipTap/controls/MenuSelectHeading.tsx
@@ -97,7 +97,13 @@ export const MenuSelectHeading = ({ editor }: MenuSelectHeadingProps) => {
   return (
     <Dropdown>
       <DropdownTrigger asChild>
-        <Button endContent={<ChevronDownIcon />}>{current.label}</Button>
+        <Button
+          variant="light"
+          className="text-default-500"
+          endContent={<ChevronDownIcon />}
+        >
+          {current.label}
+        </Button>
       </DropdownTrigger>
       <DropdownMenu
         items={options}