From eb3a5e7d6a6722b086428565f3e0c4f898b1c816 Mon Sep 17 00:00:00 2001
From: tuzi <1753710808@qq.com>
Date: Mon, 15 Jun 2026 19:08:56 +0800
Subject: [PATCH] fix

---
 packages/ui/src/App.tsx        | 5 ++++-
 packages/ui/src/styles/app.css | 9 ++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/App.tsx b/packages/ui/src/App.tsx
index 2051d09..afbefa5 100644
--- a/packages/ui/src/App.tsx
+++ b/packages/ui/src/App.tsx
@@ -707,6 +707,7 @@ function Sidebar(props: {
             <h2>{t("feeds")}</h2>
             <MenuButton
               label={t("addFeed")}
+              align="left"
               icon={<Plus size={16} aria-hidden />}
               items={[
                 { label: t("addFeed"), action: () => props.onModal({ type: "feedEditor" }) },
@@ -715,6 +716,7 @@ function Sidebar(props: {
             />
             <MenuButton
               label={t("feeds")}
+              align="left"
               items={[
                 { label: t("syncNow"), action: () => void props.onSync().catch(() => undefined) },
                 { label: t("exportOpml"), action: () => undefined, disabled: true }
@@ -2224,6 +2226,7 @@ function SimpleFlow(props: {
 
 function MenuButton(props: {
   label: string;
+  align?: "left" | "right";
   icon?: React.ReactNode;
   items: Array<{ label: string; action: () => void; disabled?: boolean; destructive?: boolean }>;
 }) {
@@ -2234,7 +2237,7 @@ function MenuButton(props: {
         {props.icon ?? <MoreHorizontal size={17} aria-hidden />}
       </button>
       {open && (
-        <div className="menu-popover">
+        <div className={`menu-popover align-${props.align ?? "right"}`}>
           {props.items.map((item) => (
             <button
               key={item.label}
diff --git a/packages/ui/src/styles/app.css b/packages/ui/src/styles/app.css
index b3d4bfc..6139f4f 100644
--- a/packages/ui/src/styles/app.css
+++ b/packages/ui/src/styles/app.css
@@ -893,7 +893,6 @@ textarea {
   position: absolute;
   z-index: 30;
   top: 34px;
-  right: 0;
   display: flex;
   flex-direction: column;
   min-width: 210px;
@@ -904,6 +903,14 @@ textarea {
   background: var(--color-surface);
 }
 
+.menu-popover.align-right {
+  right: 0;
+}
+
+.menu-popover.align-left {
+  left: 0;
+}
+
 .menu-popover button {
   justify-content: flex-start;
   border: 0;