2 lines
11 KiB
CSS
2 lines
11 KiB
CSS
|
.job-list-page{height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column}.job-list-page .top-header{background:linear-gradient(135deg,#1890ff,#40a9ff);padding:16px 24px;border-bottom:none;display:flex;justify-content:center}.job-list-page .top-header .ant-typography{margin:0;color:#fff}.job-list-page .top-header .ant-btn-link{padding:0;height:auto;color:#fff}.job-list-page .top-header .ant-btn-link:hover{color:#40a9ff}.job-list-page .top-header .ant-input:focus,.job-list-page .top-header .ant-input:hover{border-color:#1890ff}.job-list-page .top-header .ant-btn:not(.ant-btn-primary):not(.ant-btn-link){background:#fff3;border-color:#ffffff4d;color:#fff}.job-list-page .top-header .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):hover{background:#ffffff4d;border-color:#ffffff80;color:#fff}.job-list-page .top-header .ant-row{max-width:1400px;width:100%;margin:0}.job-list-page .filter-bar{background:linear-gradient(135deg,#1890ff,#40a9ff);padding:12px 24px;border-bottom:none;display:flex;justify-content:center}.job-list-page .filter-bar .ant-col .ant-select{width:100%;background:#fff;height:36px}.job-list-page .filter-bar .ant-col .ant-select .ant-select-selector{background:#fff!important;border-radius:4px;height:36px!important;line-height:36px!important;border:1px solid transparent;transition:all .3s}.job-list-page .filter-bar .ant-col .ant-select .ant-select-selector .ant-select-selection-item,.job-list-page .filter-bar .ant-col .ant-select .ant-select-selector .ant-select-selection-placeholder{line-height:34px}.job-list-page .filter-bar .ant-col .ant-select:hover .ant-select-selector,.job-list-page .filter-bar .ant-col .ant-select.ant-select-focused .ant-select-selector{border-color:#91d5ff;box-shadow:0 0 0 2px #1890ff33}.job-list-page .filter-bar .ant-btn-link{color:#fff;font-size:14px;padding:8px 12px;border-radius:4px;transition:all .3s}.job-list-page .filter-bar .ant-btn-link:hover{background:#ffffff1a;color:#fff}.job-list-page .filter-bar .ant-row{max-width:1400px;width:100%;margin:0;display:flex;justify-content:center}.job-list-page .filter-bar .ant-select-dropdown{border-radius:4px;box-shadow:0 2px 8px #00000026}.job-list-page .filter-bar .ant-select-dropdown .ant-select-item{padding:8px 16px;transition:all .3s}.job-list-page .filter-bar .ant-select-dropdown .ant-select-item:hover{background-color:#e6f7ff}.job-list-page .filter-bar .ant-select-dropdown .ant-select-item.ant-select-item-option-selected{background-color:#bae7ff;color:#1890ff}.job-list-page .main-content{max-width:1400px;margin:0 auto;padding:16px;flex:1 1;display:flex;flex-direction:column;overflow:hidden}.job-list-page .main-content .back-button{margin-bottom:16px}.job-list-page .main-content .back-button .ant-btn{color:#1890ff;padding:0}.job-list-page .main-content .back-button .ant-btn:hover{color:#40a9ff}.job-list-page .main-content .job-list{background:#fff;border-radius:8px;overflow-y:auto;height:calc(100% - 40px);max-height:calc(100vh - 220px);min-height:380px;scrollbar-width:thin;scrollbar-color:#d1d5db #f8f9fa}.job-list-page .main-content .job-list::-webkit-scrollbar{width:4px}.job-list-page .main-content .job-list::-webkit-scrollbar-track{background:#f8f9fa;border-radius:2px}.job-list-page .main-content .job-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px;-webkit-transition:all .2s ease;transition:all .2s ease}.job-list-page .main-content .job-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.job-list-page .main-content .job-list .job-card{border:none;border-bottom:1px solid #f0f0f0;border-radius:0;cursor:pointer;transition:all .3s}.job-list-page .main-content .job-list .job-card:hover{background-color:#fafafa}.job-list-page .main-content .job-list .job-card.active{background-color:#e6f7ff;border-left:3px solid #1890ff}.job-list-page .main-content .job-list .job-card .job-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:12px}.job-list-page .main-content .job-list .job-card .job-card-header .job-title{margin:0;font-size:16px;color:#262626;flex:1 1;min-w
|