163 lines
3.2 KiB
CSS
163 lines
3.2 KiB
CSS
/*
|
||
* SaaSShop Admin Components
|
||
* 说明：用于承接 Blade 中零散的 inline style，便于后续统一美化与治理。
|
||
*/
|
||
|
||
.form-inline-row{
|
||
display:flex;
|
||
align-items:center;
|
||
gap:8px;
|
||
}
|
||
|
||
.text-danger{
|
||
color:#b42318;
|
||
}
|
||
|
||
/* 平台订单：退款状态治理区块 */
|
||
.refund-governance-block{
|
||
margin-top:12px;
|
||
border:1px dashed #fda29b;
|
||
background:#fff1f3;
|
||
}
|
||
|
||
.refund-governance-title{
|
||
margin-bottom:6px;
|
||
}
|
||
|
||
.refund-governance-meta{
|
||
margin-bottom:8px;
|
||
}
|
||
|
||
/* 平台订单：治理提示块（用于 BMPA / 同步订阅 等动作前的安全阀说明） */
|
||
.governance-block{
|
||
margin-top:10px;
|
||
width:100%;
|
||
border:1px solid #f5c2c7;
|
||
background:#fff5f5;
|
||
}
|
||
|
||
.governance-block-title{
|
||
margin:0;
|
||
}
|
||
|
||
.governance-block-body{
|
||
margin-top:6px;
|
||
font-size:12px;
|
||
line-height:1.5;
|
||
}
|
||
|
||
/* 可复用：治理提示块内的说明/脚注文本 */
|
||
.governance-block-footnote{
|
||
margin-top:6px;
|
||
font-size:12px;
|
||
line-height:1.5;
|
||
}
|
||
|
||
/* 平台订单：工具区（两列分组卡片化，避免表单散落） */
|
||
.tool-grid{
|
||
align-items:start;
|
||
}
|
||
|
||
.tool-group{
|
||
width:100%;
|
||
}
|
||
|
||
.tool-group-title{
|
||
font-size:12px;
|
||
color:#94a3b8;
|
||
text-transform:uppercase;
|
||
letter-spacing:.08em;
|
||
font-weight:700;
|
||
margin:0 0 10px;
|
||
}
|
||
|
||
.tool-group-subtitle{
|
||
margin:0 0 6px;
|
||
}
|
||
|
||
/* 平台订单列表：避免列太多导致内容挤压成“竖排/断字” */
|
||
.table-wrap{
|
||
width:100%;
|
||
overflow-x:auto;
|
||
}
|
||
|
||
.table-wrap table.platform-orders-table{
|
||
min-width:1600px;
|
||
}
|
||
|
||
/* 平台订单列表：根据视图控制 min-width（精简视图更紧凑，full 视图更宽） */
|
||
.platform-orders-table.is-compact{
|
||
min-width:1400px;
|
||
}
|
||
|
||
.platform-orders-table.is-full{
|
||
min-width:2000px;
|
||
}
|
||
|
||
.table-nowrap th,
|
||
.table-nowrap td{
|
||
white-space:nowrap;
|
||
word-break:normal;
|
||
}
|
||
|
||
/* 平台订单列表：精简视图（默认隐藏部分列，避免列表过长） */
|
||
.platform-orders-table .col-optional{
|
||
display:none;
|
||
}
|
||
|
||
.platform-orders-table.is-full .col-optional{
|
||
display:table-cell;
|
||
}
|
||
|
||
/* 平台订单列表（精简视图）：进一步收敛信息密度 */
|
||
.platform-orders-table.is-compact td{
|
||
padding-top:8px;
|
||
padding-bottom:8px;
|
||
}
|
||
|
||
.platform-orders-table.is-compact .muted-xs{
|
||
font-size:12px;
|
||
}
|
||
|
||
/* 平台订单列表：二行辅助信息（例如 线索/订阅ID） */
|
||
.platform-orders-table .row-meta{
|
||
margin-top:2px;
|
||
}
|
||
|
||
/* 平台订单列表：行内治理提示（精简视图主要入口） */
|
||
.platform-orders-table .row-warn{
|
||
margin-top:4px;
|
||
padding:4px 6px;
|
||
border-left:3px solid #e06b67;
|
||
background:#fff9f9;
|
||
border-radius:4px;
|
||
}
|
||
|
||
.platform-orders-table .row-warn a.link{
|
||
color:#b52b27;
|
||
text-decoration:underline;
|
||
}
|
||
|
||
.platform-orders-table .row-warn a.link:hover{
|
||
text-decoration:none;
|
||
}
|
||
|
||
.platform-orders-table .row-warn-prefix{
|
||
font-weight:600;
|
||
display:inline-block;
|
||
padding:1px 6px;
|
||
border-radius:10px;
|
||
background:#ffecec;
|
||
color:#b52b27;
|
||
margin-right:4px;
|
||
}
|
||
|
||
/* 平台订单列表：精简视图也要可达的治理提示（对账/退款不一致） */
|
||
.platform-orders-table .governance-hints{
|
||
margin-bottom:6px;
|
||
}
|
||
|
||
.platform-orders-table .governance-hint{
|
||
line-height:1.4;
|
||
}
|