Files
jiaowu-test/src/pages/CompanyJobsListPage/index.css

70 lines
1.2 KiB
CSS
Raw Normal View History

.company-jobs-list-page {
width: 100%;
height: 100%;
position: relative;
/* 返回按钮样式 */
.back-button-wrapper {
position: absolute;
top: 20px;
left: 20px; /* 与岗位卡片左对齐 */
z-index: 10;
}
.back-button {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
background-color: #ffffff;
border: 1px solid #e5e6eb;
border-radius: 6px;
cursor: pointer;
transition: all 0.3s ease;
font-size: 14px;
font-weight: 500;
color: #4e5969;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
&:hover {
background-color: #f7f8fa;
border-color: #2c7aff;
color: #2c7aff;
transform: translateX(-2px);
box-shadow: 0 4px 8px rgba(44, 122, 255, 0.15);
}
&:active {
transform: scale(0.98) translateX(-2px);
}
.back-icon {
font-size: 18px;
line-height: 1;
font-weight: 600;
}
.back-text {
font-size: 14px;
}
}
}
.company-jobs-list-page-wrapper {
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 20px;
padding-top: 60px;
.jobs-list-margin {
> li {
width: 556px;
margin-right: 20px;
.company-jobs-info {
width: 430px;
}
}
}
}