Fix overflow text in dropdown menu

lumen-notes · Jan 15, 2025 · ac76dd1 · ac76dd1
1 parent 0c5f7f5
commit ac76dd1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/dropdown-menu.tsx b/src/components/dropdown-menu.tsx
@@ -75,7 +75,7 @@ const Item = React.forwardRef<HTMLDivElement, ItemProps>(
               {icon}
             </div>
           ) : null}
-          <span className="truncate">{children}</span>
+          <span className="flex-grow truncate">{children}</span>
         </div>
         {trailingVisual}
         {shortcut ? (

diff --git a/src/routes/notes_.$.tsx b/src/routes/notes_.$.tsx
@@ -417,7 +417,7 @@ function NotePage() {
                           </span>
                         </div>
                       }
-                      selected={font === "sans-serif"}
+                      selected={font !== "serif"}
                       onSelect={() => setFont("sans-serif")}
                     >
                       Sans-serif