rucky/newToy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

初次提交

Browse Source
This commit is contained in:
rucky
2025-11-24 00:01:18 +08:00
parent cefc2a1653
commit 496123129f
1 changed files with 43 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/views/MusicRhythm.vue
View File

@@ -950,6 +950,10 @@ onUnmounted(() => {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 20px; gap: 20px;
width: 100%;
min-width: 0;
max-width: 100%;
overflow: hidden;
} }
.control-panel { .control-panel {
@@ -1691,6 +1695,9 @@ onUnmounted(() => {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 10px; gap: 10px;
width: 100%;
max-width: 100%;
overflow: hidden;
} }
.search-hint { .search-hint {
@@ -1748,12 +1755,17 @@ onUnmounted(() => {
.my-playlists { .my-playlists {
max-height: 300px; max-height: 300px;
overflow-y: auto; overflow-y: auto;
width: 100%;
max-width: 100%;
overflow-x: hidden;
} }
.playlists-grid { .playlists-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 12px; gap: 12px;
width: 100%;
max-width: 100%;
} }
.playlist-card { .playlist-card {
@@ -1763,6 +1775,9 @@ onUnmounted(() => {
padding: 10px; padding: 10px;
cursor: pointer; cursor: pointer;
transition: all 0.2s; transition: all 0.2s;
width: 100%;
max-width: 100%;
overflow: hidden;
} }
.playlist-card:hover { .playlist-card:hover {
@@ -1823,6 +1838,10 @@ onUnmounted(() => {
.results-header span { .results-header span {
font-size: 14px; font-size: 14px;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 70%;
} }
.btn-clear-small { .btn-clear-small {
@@ -1902,6 +1921,8 @@ onUnmounted(() => {
.track-details { .track-details {
flex: 1; flex: 1;
min-width: 0; min-width: 0;
max-width: 100%;
overflow: hidden;
} }
.track-title { .track-title {
@@ -1911,6 +1932,8 @@ onUnmounted(() => {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
width: 100%;
max-width: 100%;
} }
.track-artist { .track-artist {
@@ -1919,6 +1942,8 @@ onUnmounted(() => {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
width: 100%;
max-width: 100%;
} }
.track-bpm { .track-bpm {
@@ -2161,11 +2186,16 @@ onUnmounted(() => {
.content { .content {
gap: 15px; gap: 15px;
width: 100%;
max-width: 100%;
overflow-x: hidden;
} }
/* 控制面板 */ /* 控制面板 */
.control-panel { .control-panel {
padding: 20px 15px; padding: 20px 15px;
width: 100%;
max-width: 100%;
} }
.panel-header { .panel-header {
@@ -2296,13 +2326,24 @@ onUnmounted(() => {
margin-left: 55px; margin-left: 55px;
} }
/* 中间列 */
.middle-column {
width: 100%;
max-width: 100%;
overflow-x: hidden;
}
/* 可视化画布 */ /* 可视化画布 */
.visualizer { .visualizer {
padding: 15px; padding: 15px;
width: 100%;
max-width: 100%;
} }
.visualizer-canvas { .visualizer-canvas {
height: 250px; height: 250px;
width: 100%;
max-width: 100%;
} }
.beat-indicators { .beat-indicators {
@@ -2594,6 +2635,8 @@ onUnmounted(() => {
/* 信息面板 */ /* 信息面板 */
.info-panel { .info-panel {
padding: 20px 15px; padding: 20px 15px;
width: 100%;
max-width: 100%;
} }
.info-panel h3 { .info-panel h3 {