fix: Delay button width auto-adjustment

mihomo-party-org · Feb 7, 2025 · 8d88851 · 8d88851
1 parent d28d338
commit 8d88851
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/renderer/src/components/proxies/proxy-item.tsx b/src/renderer/src/components/proxies/proxy-item.tsx
@@ -108,9 +108,11 @@ const ProxyItem: React.FC<Props> = (props) => {
                 color={delayColor(delay)}
                 onPress={onDelay}
                 variant="light"
-                className="h-full text-sm ml-auto -mt-0.5"
+                className="h-full text-sm ml-auto -mt-0.5 px-2 relative w-min whitespace-nowrap"
               >
-                {delayText(delay)}
+                <div className="w-full h-full flex items-center">
+                  {delayText(delay)}
+                </div>
               </Button>
             </div>
           </div>
@@ -144,9 +146,11 @@ const ProxyItem: React.FC<Props> = (props) => {
               color={delayColor(delay)}
               onPress={onDelay}
               variant="light"
-              className="h-full p-0 text-sm"
+              className="h-[24px] text-sm px-2 relative w-min whitespace-nowrap"
             >
-              {delayText(delay)}
+              <div className="w-full h-full flex items-center">
+                {delayText(delay)}
+              </div>
             </Button>
           </div>
         </div>