From be2d02cb8f9f9dfdc518a9eadeb6ec41fc0d3149 Mon Sep 17 00:00:00 2001
From: lkddi <lkddi@163.com>
Date: Sun, 1 Mar 2026 17:24:29 +0800
Subject: [PATCH] =?UTF-8?q?UI=EF=BC=9A=E6=B1=82=E5=A9=9A=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E5=BA=95=E9=83=A8=E6=94=B9=E4=B8=BA=E3=80=8C=E5=8F=96=E6=B6=88?=
 =?UTF-8?q?=E3=80=8D+=E3=80=8C=E7=A1=AE=E8=AE=A4=E6=B1=82=E5=A9=9A?=
 =?UTF-8?q?=E3=80=8D=E6=A8=AA=E6=8E=92=E5=8F=8C=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

参照用户名片操作栏按钮风格：
  取消：灰色边框底，hover 加深
  确认求婚：粉玫瑰渐变，禁用态灰色
  两按钮等宽 flex:1 横排排列
---
 .../chat/partials/marriage-modals.blade.php   | 27 ++++++++++++-------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/resources/views/chat/partials/marriage-modals.blade.php b/resources/views/chat/partials/marriage-modals.blade.php
index 6f1ccef..f542139 100644
--- a/resources/views/chat/partials/marriage-modals.blade.php
+++ b/resources/views/chat/partials/marriage-modals.blade.php
@@ -154,15 +154,24 @@
                         </div>
                     @endif
 
-                    {{-- 确认按钮 --}}
-                    <button x-on:click="doPropose()" :disabled="sending || !selectedRing || rings.length === 0"
-                        style="width:100%; padding:14px; border:none; border-radius:14px; font-size:15px;
-                               font-weight:800; cursor:pointer; transition:all .2s; letter-spacing:.3px;"
-                        :style="(sending || !selectedRing || rings.length === 0) ?
-                        'background:#f1f5f9; color:#94a3b8; cursor:not-allowed;' :
-                        'background:linear-gradient(135deg,#be185d,#f43f5e,#ec4899); color:#fff; box-shadow:0 8px 24px rgba(244,63,94,.35);'">
-                        <span x-text="sending ? '💌 正在发送…' : '💍 确认求婚'"></span>
-                    </button>
+                    {{-- 底部按钮：取消 + 确认求婚 --}}
+                    <div style="display:flex; gap:10px; margin-top:4px;">
+                        <button x-on:click="close()"
+                            style="flex:1; padding:10px; border-radius:8px; font-size:13px; font-weight:bold;
+                                   cursor:pointer; background:#f1f5f9; color:#6b7280; border:1px solid #d1d5db;
+                                   transition:background .15s;"
+                            onmouseover="this.style.background='#e2e8f0'" onmouseout="this.style.background='#f1f5f9'">
+                            ✕ 取消
+                        </button>
+                        <button x-on:click="doPropose()" :disabled="sending || !selectedRing || rings.length === 0"
+                            style="flex:1; padding:10px; border-radius:8px; font-size:13px; font-weight:bold;
+                                   cursor:pointer; border:none; transition:all .2s;"
+                            :style="(sending || !selectedRing || rings.length === 0) ?
+                            'background:#f1f5f9; color:#94a3b8; cursor:not-allowed;' :
+                            'background:linear-gradient(135deg,#be185d,#f43f5e,#ec4899); color:#fff; box-shadow:0 4px 16px rgba(244,63,94,.3);'">
+                            <span x-text="sending ? '💌 发送中…' : '💍 确认求婚'"></span>
+                        </button>
+                    </div>
 
                 </div>
             </div>