chore(ui): 统一后台按钮样式 + 清理少量 inline margin

This commit is contained in:
萝卜
2026-03-14 03:36:41 +00:00
parent b5688d8866
commit 6369551186
4 changed files with 71 additions and 3 deletions

View File

@@ -92,6 +92,74 @@ input,select,button,textarea,
box-sizing:border-box; box-sizing:border-box;
} }
button{cursor:pointer;} button{cursor:pointer;}
/* Buttons (UI Components)
* 说明统一总台/站点后台/商家后台按钮风格四端后台美化第一步
*/
.btn,
button.btn,
.btn-secondary,
button.btn-secondary,
.btn-danger,
button.btn-danger{
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
padding:10px 14px;
border-radius:10px;
font-weight:600;
text-decoration:none;
border:1px solid transparent;
cursor:pointer;
}
.btn,
button.btn{
background:#1d4ed8;
border-color:#1d4ed8;
color:#dbeafe;
}
.btn:hover,
button.btn:hover{
background:#1e40af;
border-color:#1e40af;
text-decoration:none;
}
.btn-secondary,
button.btn-secondary{
background:transparent;
border-color:#334155;
color:#cbd5e1;
}
.btn-secondary:hover,
button.btn-secondary:hover{
background:#1e293b;
border-color:#475569;
text-decoration:none;
}
.btn-danger,
button.btn-danger{
background:#7f1d1d;
border-color:#7f1d1d;
color:#fecaca;
}
.btn-danger:hover,
button.btn-danger:hover{
background:#991b1b;
border-color:#991b1b;
text-decoration:none;
}
.btn-sm,
button.btn-sm{
padding:8px 10px;
border-radius:9px;
font-size:13px;
}
textarea.w-full,input.w-full{width:100%;} textarea.w-full,input.w-full{width:100%;}
input.w-140{width:140px;} input.w-140{width:140px;}
input.w-90{width:90px;} input.w-90{width:90px;}

View File

@@ -125,7 +125,7 @@
<form method="post" action="/admin/plans/seed-defaults" onsubmit="return confirm('仅在当前没有任何套餐时才会初始化。确认执行吗?');"> <form method="post" action="/admin/plans/seed-defaults" onsubmit="return confirm('仅在当前没有任何套餐时才会初始化。确认执行吗?');">
@csrf @csrf
<button type="submit" class="btn">一键初始化默认套餐(空库)</button> <button type="submit" class="btn">一键初始化默认套餐(空库)</button>
<div class="muted muted-xs" style="margin-top:6px;">安全护栏:当库中已存在套餐时会自动阻止,避免污染运营数据。</div> <div class="muted muted-xs mt-6">安全护栏:当库中已存在套餐时会自动阻止,避免污染运营数据。</div>
</form> </form>
</div> </div>
</div> </div>

View File

@@ -17,7 +17,7 @@
</div> </div>
@if((string) ($defaults['order_type'] ?? '') === 'renewal') @if((string) ($defaults['order_type'] ?? '') === 'renewal')
<div class="muted muted-xs" style="margin-top:6px;"> <div class="muted muted-xs mt-6">
提示:该订单类型为「续费」。在订单完成「标记支付并生效 同步订阅」后,将会对该订阅执行续期/延长到期时间(以系统同步结果为准)。 提示:该订单类型为「续费」。在订单完成「标记支付并生效 同步订阅」后,将会对该订阅执行续期/延长到期时间(以系统同步结果为准)。
</div> </div>
@endif @endif

View File

@@ -206,7 +206,7 @@
@endphp @endphp
<a class="btn" href="{!! $createOrderFromSubIndexUrl !!}">创建续费订单(带当前筛选)</a> <a class="btn" href="{!! $createOrderFromSubIndexUrl !!}">创建续费订单(带当前筛选)</a>
</div> </div>
<div class="muted muted-xs" style="margin-top:6px;">用于运营从订阅目录快速补单/续费:会把当前 merchant_id/plan_id/site_subscription_id 作为默认值带到下单页。</div> <div class="muted muted-xs mt-6">用于运营从订阅目录快速补单/续费:会把当前 merchant_id/plan_id/site_subscription_id 作为默认值带到下单页。</div>
</div> </div>
<div class="card"> <div class="card">