Separate Song component from queue styling to use for general case

2024-03-15 16:53:12 -04:00
parent 0b73f16b04
commit d8e7ffd963
3 changed files with 27 additions and 28 deletions
--- a/style/song.scss
+++ b/style/song.scss
@ -0,0 +1,22 @@
+.song {
+	display: flex;
+	align-items: center;
+
+	img {
+		max-width: 50px; /* Adjust maximum width for images */
+		margin-right: 10px; /* Add spacing between image and text */
+		border-radius: 5px; /* Add border radius to image */
+	}
+
+	.song-info {
+		h3 {
+			margin: 0; 
+			color: #fff; /* Adjust text color for song */
+		}
+
+		p {
+			margin: 0; 
+			color: #aaa; /* Adjust text color for artist */
+		}
+	}
+}