lkddi/chatroom
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

送金币弹窗：优化按钮配色对比度，确认按钮改为实心翠绿色，取消按钮改为半透明深色

Browse Source
This commit is contained in:
流星
2026-03-12 17:29:53 +08:00
parent 1b5f185a03
commit 30d0e386fd
1 changed files with 17 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/chat/partials/user-actions.blade.php
+17 -14
View File
@@ -1140,25 +1140,28 @@
</div> </div>
{{-- 操作按钮 --}} {{-- 操作按钮 --}}
<div style="display:flex; justify-content:center; gap:12px; margin-bottom:20px;"> <div style="display:flex; justify-content:center; gap:16px; margin-bottom:20px;">
<button x-on:click="send()" <button x-on:click="send()"
style="background:#10b981; color:#fff; border:none; border-radius:10px; style="background:#10b981; color:#fff; border:1px solid rgba(255,255,255,0.4); border-radius:12px;
padding:12px 36px; font-size:15px; font-weight:bold; cursor:pointer; padding:12px 36px; font-size:16px; font-weight:bold; cursor:pointer;
box-shadow:0 4px 14px rgba(0,0,0,0.3); transition:transform .1s, opacity .1s;" box-shadow:0 6px 16px rgba(16,185,129,0.4), inset 0 2px 4px rgba(255,255,255,0.2);
:style="(sending || !amount) ? 'opacity:.5; cursor:not-allowed;' : ''" transition:transform .12s, box-shadow .12s, opacity .12s;"
:style="(sending || !amount) ? 'opacity:.5; cursor:not-allowed; transform:none; box-shadow:none;' : ''"
:disabled="sending || !amount" :disabled="sending || !amount"
onmouseover="if(!this.disabled) this.style.transform='translateY(-2px)'" onmouseover="if(!this.disabled){this.style.transform='translateY(-2px)';this.style.boxShadow='0 8px 24px rgba(16,185,129,0.5), inset 0 2px 4px rgba(255,255,255,0.3)';}"
onmouseout="if(!this.disabled) this.style.transform=''" onmouseout="if(!this.disabled){this.style.transform='';this.style.boxShadow='0 6px 16px rgba(16,185,129,0.4), inset 0 2px 4px rgba(255,255,255,0.2)';}"
onmousedown="if(!this.disabled) this.style.transform='translateY(1px)'" onmousedown="if(!this.disabled){this.style.transform='translateY(1px)';this.style.boxShadow='0 2px 8px rgba(16,185,129,0.3)';}"
onmouseup="if(!this.disabled) this.style.transform=''"> onmouseup="if(!this.disabled){this.style.transform='';this.style.boxShadow='0 6px 16px rgba(16,185,129,0.4), inset 0 2px 4px rgba(255,255,255,0.2)';}">
<span x-text="sending ? '⏳ 发放中…' : '确认发放'"></span> <span x-text="sending ? '⏳ 发放中…' : '确认发放'"></span>
</button> </button>
<button x-on:click="show = false" <button x-on:click="show = false"
style="background:rgba(255,255,255,0.2); color:#fff; border:none; border-radius:10px; style="background:rgba(0,0,0,0.25); color:#fff; border:1px solid rgba(255,255,255,0.1); border-radius:12px;
padding:12px 36px; font-size:15px; font-weight:bold; cursor:pointer; padding:12px 36px; font-size:16px; font-weight:bold; cursor:pointer;
transition:background .1s;" box-shadow:0 4px 12px rgba(0,0,0,0.15); transition:background .15s, transform .12s;"
onmouseover="this.style.background='rgba(255,255,255,0.3)'" onmouseover="this.style.background='rgba(0,0,0,0.4)';this.style.transform='translateY(-1px)'"
onmouseout="this.style.background='rgba(255,255,255,0.2)'"> onmouseout="this.style.background='rgba(0,0,0,0.25)';this.style.transform=''"
onmousedown="this.style.transform='translateY(1px)'"
onmouseup="this.style.transform=''">
取消 取消
</button> </button>
</div> </div>