Henry_Du/BYW-VoiceHub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): 修复浅色主题下的 Tailwind CSS 及部分残留硬编码
构建并部署 BYW VoiceHub / 构建并推送容器镜像 (push) Canceled after 0s
Details
构建并部署 BYW VoiceHub / 部署到生产服务器 (push) Canceled after 0s
Details
构建并部署 BYW VoiceHub / Preflight 语法与构建检查 (push) Canceled after 1m35s
Details

Browse Source
This commit is contained in:
Henry_Du
2026-09-12 16:56:22 +08:00
parent d8060147ed
commit 78c3d878ea
5 changed files with 203 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/Songs/ScheduleList.vue
+30 -30
View File
@@ -106,7 +106,7 @@
<div v-else-if="!schedules || schedules.length === 0" key="empty-all" class="empty">
<div class="icon mb-4">🎵</div>
<p>暂无排期信息</p>
<p class="text-sm text-gray">点歌后等待管理员安排播出时间</p>
<p class="text-sm text-text-secondary">点歌后等待管理员安排播出时间</p>
</div>
<div v-else-if="currentDateSchedules.length === 0" key="empty-date" class="empty">
@@ -1600,15 +1600,15 @@ const vRipple = {
align-items: center;
margin-bottom: 1.5rem;
padding: 1rem 1.25rem;
background: linear-gradient(135deg, rgba(11, 90, 254, 0.1) 0%, rgba(33, 36, 45, 0.9) 100%);
background: var(--bg-secondary);
border-radius: 12px;
border: 1px solid rgba(11, 90, 254, 0.2);
border: 1px solid var(--border-secondary);
backdrop-filter: blur(10px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.semester-label {
color: var(--text-primary, #ffffff);
color: var(--text-primary);
font-size: 15px;
font-weight: 500;
margin-right: 0.75rem;
@@ -1617,10 +1617,10 @@ const vRipple = {
}
.semester-select {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.08) 100%);
border: 1px solid rgba(255, 255, 255, 0.25);
background: var(--bg-tertiary);
border: 1px solid var(--border-tertiary);
border-radius: 8px;
color: var(--text-primary, #ffffff);
color: var(--text-primary);
padding: 0.6rem 1rem;
font-size: 14px;
font-weight: 500;
@@ -1649,7 +1649,7 @@ const vRipple = {
.semester-select option {
background: var(--bg-secondary, #1a1d24);
color: var(--text-primary, #ffffff);
color: var(--text-primary);
padding: 0.5rem;
}
@@ -1710,7 +1710,7 @@ const vRipple = {
.date-item.active {
background: var(--bg-tertiary, #21242d);
color: var(--text-primary, #ffffff);
color: var(--text-primary);
font-weight: 600;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(11, 90, 254, 0.2);
@@ -1775,7 +1775,7 @@ const vRipple = {
font-family: 'MiSans', sans-serif;
font-weight: 600;
font-size: 20px;
color: var(--text-primary, #ffffff);
color: var(--text-primary);
margin: 0;
}
@@ -1886,7 +1886,7 @@ const vRipple = {
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.1);
color: var(--text-primary, #ffffff);
color: var(--text-primary);
font-size: 14px;
font-weight: 500;
cursor: pointer;
@@ -1964,7 +1964,7 @@ const vRipple = {
margin: 0;
font-size: 18px;
font-weight: 600;
color: var(--text-primary, #ffffff);
color: var(--text-primary);
letter-spacing: 0.5px;
}
@@ -1984,7 +1984,7 @@ const vRipple = {
.playlist-modal-close:hover {
background: rgba(255, 255, 255, 0.1);
color: var(--text-primary, #ffffff);
color: var(--text-primary);
transform: rotate(90deg);
}
@@ -2087,7 +2087,7 @@ const vRipple = {
.user-name {
font-weight: 600;
color: var(--text-primary, #ffffff);
color: var(--text-primary);
font-size: 15px;
}
@@ -2163,7 +2163,7 @@ const vRipple = {
width: 100%;
background: var(--bg-secondary, #141418);
border: 1px solid rgba(255, 255, 255, 0.1);
color: var(--text-primary, #ffffff);
color: var(--text-primary);
padding: 0.75rem 1rem;
border-radius: 10px;
font-size: 14px;
@@ -2210,7 +2210,7 @@ const vRipple = {
.btn-icon:hover {
background: rgba(255, 255, 255, 0.1);
color: var(--text-primary, #ffffff);
color: var(--text-primary);
}
.btn-icon:disabled {
@@ -2421,7 +2421,7 @@ const vRipple = {
.song-name {
font-size: 14px;
color: var(--text-primary, #ffffff);
color: var(--text-primary);
font-weight: 500;
white-space: nowrap;
overflow: hidden;
@@ -2469,7 +2469,7 @@ const vRipple = {
.btn-primary {
background: var(--primary);
color: var(--text-primary, #ffffff);
color: var(--text-primary);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.25);
}
@@ -2488,7 +2488,7 @@ const vRipple = {
.btn-secondary {
background: rgba(255, 255, 255, 0.1);
color: var(--text-primary, #ffffff);
color: var(--text-primary);
}
.btn-secondary:hover {
@@ -2502,7 +2502,7 @@ const vRipple = {
.btn-ghost:hover {
background: rgba(255, 255, 255, 0.05);
color: var(--text-primary, #ffffff);
color: var(--text-primary);
}
/* 动画定义 */
@@ -2537,7 +2537,7 @@ const vRipple = {
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.1);
color: var(--text-primary, #ffffff);
color: var(--text-primary);
cursor: pointer;
margin-right: 0.5rem;
backdrop-filter: blur(10px);
@@ -2662,7 +2662,7 @@ const vRipple = {
align-items: center;
justify-content: center;
background: linear-gradient(135deg, var(--bg-secondary, #0043f8) 0%, #0075f8 100%);
color: var(--text-primary, #ffffff);
color: var(--text-primary);
font-size: 28px;
font-weight: bold;
font-family: 'MiSans', sans-serif;
@@ -2725,7 +2725,7 @@ const vRipple = {
font-weight: 600;
font-size: 16px;
letter-spacing: 0.04em;
color: var(--text-primary, #ffffff);
color: var(--text-primary);
margin-bottom: 0.5rem;
display: flex;
align-items: flex-start;
@@ -2824,7 +2824,7 @@ const vRipple = {
font-family: 'MiSans', sans-serif;
font-weight: 600;
font-size: 12px;
color: var(--text-primary, #ffffff);
color: var(--text-primary);
opacity: 0.4;
}
@@ -2919,7 +2919,7 @@ const vRipple = {
.date-text {
font-size: 15px;
font-weight: 600;
color: var(--text-primary, #ffffff);
color: var(--text-primary);
white-space: nowrap;
text-shadow:
0 0 10px rgba(255, 255, 255, 0.2),
@@ -2928,7 +2928,7 @@ const vRipple = {
.dropdown-icon {
opacity: 0.5;
color: var(--text-primary, #ffffff);
color: var(--text-primary);
}
.mobile-action-btn {
@@ -3118,7 +3118,7 @@ const vRipple = {
font-weight: 600;
margin-bottom: 2px;
line-height: 1.4;
color: var(--text-primary, #ffffff);
color: var(--text-primary);
letter-spacing: 0.01em;
}
@@ -3378,8 +3378,8 @@ const vRipple = {
.date-nav-btn {
background: rgba(11, 90, 254, 0.1);
border: 1px solid rgba(11, 90, 254, 0.2);
color: var(--text-primary, #ffffff);
border: 1px solid var(--border-secondary);
color: var(--text-primary);
border-radius: 50%;
width: 36px;
height: 36px;
@@ -3403,7 +3403,7 @@ const vRipple = {
font-family: 'MiSans', sans-serif;
font-weight: 600;
font-size: 16px;
color: var(--text-primary, #ffffff);
color: var(--text-primary);
text-align: center;
flex: 1;
white-space: pre-line;