feat: redesign play queue and per-track queue actions (1.2.3)
This commit is contained in:
1 parent
1fccf2bed8
commit
2a55d0dc2c
5 files changed
+295
-104
No files matched your search
+35
-13
@@ -29,15 +29,6 @@ QPushButton#nav {
|
||||
}
|
||||
QPushButton#nav:hover { color: #f3f3f4; background: #28292e; }
|
||||
QPushButton#nav[active="true"] { color: #ffffff; background: #323338; font-weight: 600; }
|
||||
QPushButton#clearBtn { color: #777981; border: none; background: transparent; font-size: 11px; }
|
||||
QPushButton#clearBtn:hover { color: #f0f0f1; }
|
||||
QListWidget#queue { background: transparent; border: none; outline: none; }
|
||||
QListWidget#queue::item {
|
||||
color: #9698a0; border: none; border-radius: 7px; padding: 0 8px; height: 44px;
|
||||
}
|
||||
QListWidget#queue::item:hover { background: #28292e; color: #e7e7e9; }
|
||||
QListWidget#queue::item:selected { background: #303137; color: #f3f3f4; }
|
||||
#queueEmpty { color: #62646c; font-size: 11px; }
|
||||
#versionLabel { color: #666871; font-size: 9.5px; letter-spacing: .4px; }
|
||||
QPushButton#versionBtn {
|
||||
color: #8b8d95; background: transparent; border: none; border-radius: 5px;
|
||||
@@ -110,10 +101,6 @@ QProgressBar#emptyProgress::chunk { background: #e6493f; border-radius: 2px; }
|
||||
#barName { font-size: 13px; font-weight: 650; color: #2c2a27; }
|
||||
#barArtist { font-size: 11px; color: #918d85; }
|
||||
#barHint { color: #b0aba3; font-size: 10px; }
|
||||
#barPlaylist {
|
||||
color: #aaa49b; font-size: 9.5px; letter-spacing: .02em;
|
||||
background: transparent;
|
||||
}
|
||||
#timeLabel { color: #9b978f; font-size: 10px; font-family: "Segoe UI", sans-serif; }
|
||||
QSlider::groove:horizontal { height: 4px; background: #e8e4de; border-radius: 2px; }
|
||||
QSlider::sub-page:horizontal { height: 4px; background: #e6493f; border-radius: 2px; }
|
||||
@@ -136,6 +123,41 @@ QComboBox QAbstractItemView {
|
||||
selection-background-color: #eeeae4; selection-color: #242322;
|
||||
}
|
||||
|
||||
/* 播放队列弹层 */
|
||||
#queueCard { background:#fffefa; border:1px solid #e4dfd8; border-radius:14px; }
|
||||
#queueTitle { color:#242322; font-size:15px; font-weight:700; }
|
||||
#queueCount { color:#aaa49b; font-size:10px; }
|
||||
QPushButton#queueClear {
|
||||
color:#8d8880; background:transparent; border:1px solid #e6e1da;
|
||||
border-radius:6px; padding:0 9px; min-height:25px; font-size:10.5px;
|
||||
}
|
||||
QPushButton#queueClear:hover { color:#c83b32; border-color:#e7c5c0; background:#fdf5f3; }
|
||||
QPushButton#queueClear:disabled { color:#c9c4bc; border-color:#efebe5; }
|
||||
QScrollArea#queueScroll { background:transparent; border:none; }
|
||||
QScrollArea#queueScroll > QWidget > QWidget { background:transparent; }
|
||||
QWidget#queueBody { background:transparent; }
|
||||
QWidget#queueRow { background:transparent; border-radius:8px; }
|
||||
QWidget#queueRow:hover { background:#f4f0ea; }
|
||||
QWidget#queueRow[current="true"] { background:#fdf1ef; }
|
||||
QPushButton#queueRemove {
|
||||
background:transparent; border:none; border-radius:6px; padding:0;
|
||||
}
|
||||
QPushButton#queueRemove:hover { background:#efe7e1; }
|
||||
#queueEmpty { color:#aaa49b; font-size:11px; padding:54px 0; }
|
||||
QPushButton#trackMore {
|
||||
background:transparent; border:none; border-radius:6px; padding:0;
|
||||
}
|
||||
QPushButton#trackMore:hover { background:#efebe5; }
|
||||
QMenu {
|
||||
background:#fffefa; border:1px solid #e1dcd4; border-radius:8px; padding:5px;
|
||||
}
|
||||
QMenu::item {
|
||||
color:#4f4b46; background:transparent; padding:8px 20px 8px 14px;
|
||||
border-radius:5px; font-size:12px;
|
||||
}
|
||||
QMenu::item:selected { background:#f4f0ea; color:#242322; }
|
||||
QMenu::separator { height:1px; background:#eeeae3; margin:4px 8px; }
|
||||
|
||||
/* 导入歌单 */
|
||||
#importCard { background:#fffefa; border:1px solid #e4dfd8; border-radius:16px; }
|
||||
#importTitle { color:#22211f; font-size:19px; font-weight:700; }
|
||||
|
||||
Reference in new issue
Block a user