From 49b9d46a13460e4aa0146b9d9c997c908ccdd657 Mon Sep 17 00:00:00 2001
From: imeepos <imeepos@sker.com>
Date: Wed, 16 Jul 2025 16:52:44 +0800
Subject: [PATCH] fix: layout bug

---
 .../TemplateMatchingResultManager.tsx         | 24 ++++++++++---------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/apps/desktop/src/components/TemplateMatchingResultManager.tsx b/apps/desktop/src/components/TemplateMatchingResultManager.tsx
index 4cfbe51..1d9b506 100644
--- a/apps/desktop/src/components/TemplateMatchingResultManager.tsx
+++ b/apps/desktop/src/components/TemplateMatchingResultManager.tsx
@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { invoke } from '@tauri-apps/api/core';
-import { 
-  TemplateMatchingResult, 
+import {
+  TemplateMatchingResult,
   TemplateMatchingResultQueryOptions,
   MatchingResultStatus,
   MatchingStatistics
@@ -109,11 +109,11 @@ export const TemplateMatchingResultManager: React.FC<TemplateMatchingResultManag
       await invoke<boolean>('soft_delete_matching_result', {
         resultId: result.id,
       });
-      
+
       // 重新加载列表
       await loadResults();
       await loadStatistics();
-      
+
       setDeleteConfirm({ show: false, result: null });
     } catch (err) {
       setError(`删除失败: ${err}`);
@@ -187,13 +187,15 @@ export const TemplateMatchingResultManager: React.FC<TemplateMatchingResultManag
             <label className="form-label">
               搜索
             </label>
-            <input
-              type="text"
-              placeholder="搜索结果名称或描述..."
-              value={filters.searchKeyword || ''}
-              onChange={(e) => handleFilterChange({ searchKeyword: e.target.value })}
-              className="form-input h-8"
-            />
+            <div className="relative">
+              <input
+                type="text"
+                placeholder="搜索结果名称或描述..."
+                value={filters.searchKeyword || ''}
+                onChange={(e) => handleFilterChange({ searchKeyword: e.target.value })}
+                className="form-input h-10"
+              />
+            </div>
           </div>
 
           {/* 状态过滤 */}