diff --git a/src/pages/CompanyJobsPage/components/JobList/index.css b/src/pages/CompanyJobsPage/components/JobList/index.css index 3262972..52dc501 100644 --- a/src/pages/CompanyJobsPage/components/JobList/index.css +++ b/src/pages/CompanyJobsPage/components/JobList/index.css @@ -32,6 +32,47 @@ transform: translateY(-2px); background-color: #d9e9ff; } + + &.expired { + background-color: #f7f8fa; + background-image: none; + border-color: #e5e6eb; + opacity: 0.8; + + &:hover { + border-color: #c9cdd4; + box-shadow: none; + transform: none; + background-color: #f2f3f5; + } + + .company-jobs-info-position { + color: #86909c; + } + + .company-jobs-info-tags { + opacity: 0.6; + } + + .company-jobs-info-position-count { + color: #c9cdd4; + } + + .company-jobs-info-position-salary { + color: #c9cdd4; + } + + .company-jobs-info-deadline { + color: #ff4d4f; + font-weight: 600; + } + + .company-jobs-info-category-tag { + opacity: 0.7; + background-color: #f2f3f5; + color: #86909c; + } + } .icon { position: absolute; @@ -171,19 +212,21 @@ } &.disabled { - background-color: #f2f3f5; - color: #c9cdd4; + background-color: #fff; + color: #ff4d4f; + border: 1px solid #ffccc7; cursor: not-allowed; pointer-events: none; + font-weight: 600; &:hover { - background-color: #f2f3f5; + background-color: #fff; box-shadow: none; transform: none; } > i { - opacity: 0.5; + display: none; } } } diff --git a/src/pages/CompanyJobsPage/components/JobList/index.jsx b/src/pages/CompanyJobsPage/components/JobList/index.jsx index f2200b6..61a2abd 100644 --- a/src/pages/CompanyJobsPage/components/JobList/index.jsx +++ b/src/pages/CompanyJobsPage/components/JobList/index.jsx @@ -117,7 +117,7 @@ export default ({ className = "", data = [], backgroundColor }) => { return (