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

31
resources/views/chat/partials/user-actions.blade.php
View File

@@ -1140,25 +1140,28 @@
</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()"
style="background:#10b981; color:#fff; border:none; border-radius:10px;
padding:12px 36px; font-size:15px; font-weight:bold; cursor:pointer;
box-shadow:0 4px 14px rgba(0,0,0,0.3); transition:transform .1s, opacity .1s;"
:style="(sending || !amount) ? 'opacity:.5; cursor:not-allowed;' : ''"
style="background:#10b981; color:#fff; border:1px solid rgba(255,255,255,0.4); border-radius:12px;
padding:12px 36px; font-size:16px; font-weight:bold; cursor:pointer;
box-shadow:0 6px 16px rgba(16,185,129,0.4), inset 0 2px 4px rgba(255,255,255,0.2);
transition:transform .12s, box-shadow .12s, opacity .12s;"
:style="(sending || !amount) ? 'opacity:.5; cursor:not-allowed; transform:none; box-shadow:none;' : ''"
:disabled="sending || !amount"
onmouseover="if(!this.disabled) this.style.transform='translateY(-2px)'"
onmouseout="if(!this.disabled) this.style.transform=''"
onmousedown="if(!this.disabled) this.style.transform='translateY(1px)'"
onmouseup="if(!this.disabled) this.style.transform=''">
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='';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)';this.style.boxShadow='0 2px 8px rgba(16,185,129,0.3)';}"
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>
</button>
<button x-on:click="show = false"
style="background:rgba(255,255,255,0.2); color:#fff; border:none; border-radius:10px;
padding:12px 36px; font-size:15px; font-weight:bold; cursor:pointer;
transition:background .1s;"
onmouseover="this.style.background='rgba(255,255,255,0.3)'"
onmouseout="this.style.background='rgba(255,255,255,0.2)'">
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:16px; font-weight:bold; cursor:pointer;
box-shadow:0 4px 12px rgba(0,0,0,0.15); transition:background .15s, transform .12s;"
onmouseover="this.style.background='rgba(0,0,0,0.4)';this.style.transform='translateY(-1px)'"
onmouseout="this.style.background='rgba(0,0,0,0.25)';this.style.transform=''"
onmousedown="this.style.transform='translateY(1px)'"
onmouseup="this.style.transform=''">
取消
</button>
</div>