chore(ui): 统一后台按钮样式 + 清理少量 inline margin
This commit is contained in:
@@ -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;}
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user