61 lines
1.7 KiB
CSS
61 lines
1.7 KiB
CSS
/* ========================================
|
||
* 活動參加人員頁面 - 特有樣式
|
||
*
|
||
* 共同樣式已移至 Site.css：
|
||
* - 搜尋面板 (.search-row, .search-field, .search-field-inline, .search-label, .search-label-inline, .search-input, .search-input-group, .search-checkbox-label, .search-actions)
|
||
* - 表單 (.form-row, .form-group-inline, .form-col-50, .form-col-100, .form-label-inline, .error-message)
|
||
* - SMS 批發面板 (.sms-send-panel, .sms-send-header, .sms-send-title, .sms-send-content, .sms-actions, .sms-selected-count, .sms-send-compact)
|
||
* - 結果表格 (.result-table, .empty-message)
|
||
* - 分頁 (.pagination)
|
||
* ======================================== */
|
||
|
||
/* 結果區域標題 */
|
||
.result-header {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
margin-bottom: var(--spacing-md);
|
||
padding: 0 var(--spacing-md);
|
||
gap: var(--spacing-md);
|
||
}
|
||
|
||
.result-title {
|
||
font-size: 18px;
|
||
font-weight: 600;
|
||
color: var(--text-primary);
|
||
}
|
||
|
||
/* 標題區域操作按鈕 */
|
||
.header-actions {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: var(--spacing-md);
|
||
}
|
||
|
||
/* 分頁控制 - 進階分頁選擇 */
|
||
.pagination-select {
|
||
padding: 6px 12px;
|
||
border: 1px solid var(--border-color);
|
||
border-radius: var(--border-radius);
|
||
font-size: var(--font-size-base);
|
||
background: white;
|
||
cursor: pointer;
|
||
width: auto;
|
||
}
|
||
|
||
.pagination-select:focus {
|
||
outline: none;
|
||
border-color: var(--focus-color);
|
||
box-shadow: var(--focus-shadow);
|
||
}
|
||
|
||
.pagination-count {
|
||
font-weight: 600;
|
||
color: var(--color-primary);
|
||
}
|
||
|
||
.pagination-label {
|
||
color: var(--text-muted);
|
||
font-size: var(--font-size-base);
|
||
}
|