🆗 移除餐补标志, 桌面端显示优化

This commit is contained in:
2025-03-31 10:19:13 +08:00
parent fdc23e4326
commit 615eec3b7a
2 changed files with 23 additions and 12 deletions

View File

@@ -115,7 +115,7 @@ function loadDakaList() {
'<button class="search-buttons detail-button">' + (signlog.end_time == null ? "未打卡" : signlog.end_time.substr(11, 5)) + '</button>' + '<button class="search-buttons detail-button">' + (signlog.end_time == null ? "未打卡" : signlog.end_time.substr(11, 5)) + '</button>' +
(signlog.autoDakaBeginTime == null ? "" : '<br><button class="search-buttons detail-button">定时上班卡时间: ' + signlog.autoDakaBeginTime + '</button>') + (signlog.autoDakaBeginTime == null ? "" : '<br><button class="search-buttons detail-button">定时上班卡时间: ' + signlog.autoDakaBeginTime + '</button>') +
(signlog.autoDakaEndTime == null ? "" : '<button class="search-buttons detail-button">定时下班卡时间: ' + signlog.autoDakaEndTime + '</button>') + (signlog.autoDakaEndTime == null ? "" : '<button class="search-buttons detail-button">定时下班卡时间: ' + signlog.autoDakaEndTime + '</button>') +
(signlog.end_time != null && signlog.end_time.substr(11, 5) > "21:00" ? '<button class="search-buttons detail-button">餐补</button>' : '') + // (signlog.end_time != null && signlog.end_time.substr(11, 5) > "21:00" ? '<button class="search-buttons detail-button">餐补</button>' : '') +
'</div>' + '</div>' +
(index <= 3 ? '<div class="job-card-buttons">' + (index <= 3 ? '<div class="job-card-buttons">' +
'<button class="search-buttons card-buttons daka-buttons"' + '<button class="search-buttons card-buttons daka-buttons"' +

View File

@@ -11,6 +11,7 @@
--border-color: #d8d8d8; --border-color: #d8d8d8;
--alert-bg-color: #e8f2ff; --alert-bg-color: #e8f2ff;
--subtitle-color: #83838e; --subtitle-color: #83838e;
--subtext-color: #d5d5d5;
--inactive-color: #f0f0f0; --inactive-color: #f0f0f0;
--placeholder-color: #9b9ba5; --placeholder-color: #9b9ba5;
--time-button: #fc5757; --time-button: #fc5757;
@@ -95,7 +96,7 @@ body {
} }
.dark-mode .detail-button { .dark-mode .detail-button {
background-color: var(--inactive-color); background-color: var(--inactive-color);
color: var(--subtitle-color); color: var(--subtext-color);
} }
.job { .job {
@@ -468,7 +469,7 @@ body > div > div.userinfo_dialog > div > div > div input {
border-radius: 6px; border-radius: 6px;
font-size: 13px; font-size: 13px;
font-weight: 600; font-weight: 600;
margin-top: 14px; margin-top: 6px;
} }
.job-wrapper { .job-wrapper {
@@ -598,7 +599,7 @@ body > div > div.userinfo_dialog > div > div > div input {
padding-top: 20px; padding-top: 20px;
/*padding-right: 80px;*/ /*padding-right: 80px;*/
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(6, 1fr);
grid-column-gap: 25px; grid-column-gap: 25px;
grid-row-gap: 25px; grid-row-gap: 25px;
-webkit-animation: slideY .6s both; -webkit-animation: slideY .6s both;
@@ -713,13 +714,22 @@ body > div > div.userinfo_dialog > div > div > div input {
padding: 6px 8px; padding: 6px 8px;
border-radius: 4px; border-radius: 4px;
} }
.detail-button + .detail-button { /*.detail-button + .detail-button {*/
margin-left: 4px; /* margin-left: 4px;*/
/*}*/
.job-detail-buttons {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 10px;
grid-row-gap: 25px;
} }
.job-card-buttons { .job-card-buttons {
display: -webkit-box; display: grid;
display: flex; grid-template-columns: repeat(2, 1fr);
grid-column-gap: 10px;
grid-row-gap: 25px;
-webkit-box-align: center; -webkit-box-align: center;
align-items: center; align-items: center;
-webkit-box-pack: justify; -webkit-box-pack: justify;
@@ -739,14 +749,15 @@ body > div > div.userinfo_dialog > div > div > div input {
.card-buttons, .card-buttons,
.card-buttons-msg { .card-buttons-msg {
padding: 10px; padding: 10px;
width: 100%; min-width: 46%;
font-size: 12px; font-size: 12px;
cursor: pointer; cursor: pointer;
} }
.card-buttons { /*.card-buttons {*/
margin-right: 12px; /* margin-right: 4%;*/
} /* margin-left: 4%;*/
/*}*/
.card-buttons-msg { .card-buttons-msg {
background-color: var(--inactive-color); background-color: var(--inactive-color);
color: var(--subtitle-color); color: var(--subtitle-color);