ghassan/MiknasTrading
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: consolidate pill tab styles into :style binding — Alpine was stripping static style attr

Browse Source
This commit is contained in:
Ghassan Yusuf 2026-05-26 15:19:47 +03:00
parent 303cdf6d6e
commit 573f156a82
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
resources/views/settings/integrations.blade.php
View File

@ -13,13 +13,15 @@
{{-- Pill tabs --}} {{-- Pill tabs --}}
<div style="display:flex;gap:8px;margin-bottom:20px;"> <div style="display:flex;gap:8px;margin-bottom:20px;">
<button type="button" @click="tab='whatsapp'" <button type="button" @click="tab='whatsapp'"
:style="tab==='whatsapp' ? 'background:#1e293b;color:#fff;border:1px solid transparent;' : 'background:#fff;color:#374151;border:1px solid #d1d5db;'" :style="tab==='whatsapp'
style="padding:7px 18px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;"> ? 'padding:7px 18px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;background:#1e293b;color:#fff;border:1px solid transparent;'
: 'padding:7px 18px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;background:#fff;color:#374151;border:1px solid #d1d5db;'">
💬 WhatsApp 💬 WhatsApp
</button> </button>
<button type="button" @click="tab='email'; loadMailAccounts()" <button type="button" @click="tab='email'; loadMailAccounts()"
:style="tab==='email' ? 'background:#1e293b;color:#fff;border:1px solid transparent;' : 'background:#fff;color:#374151;border:1px solid #d1d5db;'" :style="tab==='email'
style="padding:7px 18px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;"> ? 'padding:7px 18px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;background:#1e293b;color:#fff;border:1px solid transparent;'
: 'padding:7px 18px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;background:#fff;color:#374151;border:1px solid #d1d5db;'">
✉️ Email ✉️ Email
</button> </button>
</div> </div>