101 lines
2.7 KiB
CSS
101 lines
2.7 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{
|
||
min-width:1600px;
|
||
}
|
||
|
||
.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;}
|
||
.platform-orders-table .row-meta{margin-top:2px;}
|
||
.platform-orders-table .row-warn{margin-top:4px;padding:4px 6px;border-left:3px solid #d9534f;background:#fff6f6;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;}
|