Browse Source

feat(EditSong): Non-square album art warning icon

TODO: Implement logic
Owen Diffey 3 years ago
parent
commit
fd34ceba82
1 changed files with 17 additions and 1 deletions
  1. 17 1
      frontend/src/components/modals/EditSong/index.vue

+ 17 - 1
frontend/src/components/modals/EditSong/index.vue

@@ -296,7 +296,17 @@
 
 						<div class="control is-grouped">
 							<div class="album-art-container">
-								<label class="label">Album art</label>
+								<label class="label">
+									Album art
+									<i
+										v-if="true"
+										class="material-icons thumbnail-warning"
+										content="Thumbnail not square, it will be stretched"
+										v-tippy="{ theme: 'info' }"
+									>
+										warning
+									</i>
+								</label>
 
 								<p class="control has-addons">
 									<input
@@ -2201,6 +2211,12 @@ export default {
 		.list-item:last-child > p {
 			margin-bottom: 0;
 		}
+
+		.thumbnail-warning {
+			color: var(--red);
+			font-size: 18px;
+			margin: auto 0 auto 5px;
+		}
 	}
 }