diff --git a/src/common/MetaPreviewPlaceholder/MetaPreviewPlaceholder.js b/src/common/MetaPreviewPlaceholder/MetaPreviewPlaceholder.js index 1f23544ac..7b20cd6cc 100644 --- a/src/common/MetaPreviewPlaceholder/MetaPreviewPlaceholder.js +++ b/src/common/MetaPreviewPlaceholder/MetaPreviewPlaceholder.js @@ -7,58 +7,30 @@ const MetaPreviewPlaceholder = ({ className }) => { return (
-
-
-
+
-
-
-
-
-
-
+
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
diff --git a/src/common/MetaPreviewPlaceholder/styles.less b/src/common/MetaPreviewPlaceholder/styles.less index 1aa8a9ad8..480701d90 100644 --- a/src/common/MetaPreviewPlaceholder/styles.less +++ b/src/common/MetaPreviewPlaceholder/styles.less @@ -12,12 +12,6 @@ height: 7rem; max-width: 100%; background-color: var(--color-placeholderbackground); - - .logo { - width: 100%; - height: 100%; - background-color: var(--color-placeholdersurface); - } } .duration-release-info-container { @@ -31,24 +25,12 @@ height: 1.4rem; margin-right: 1rem; background-color: var(--color-placeholderbackground); - - .duration-label { - width: 100%; - height: 100%; - background-color: var(--color-placeholdersurface); - } } .release-info-container { flex-basis: 5rem; height: 1.4rem; background-color: var(--color-placeholderbackground); - - .release-info-label { - width: 100%; - height: 100%; - background-color: var(--color-placeholdersurface); - } } } @@ -75,12 +57,6 @@ max-width: 70%; margin-top: 0.2rem; } - - .description-label { - width: 100%; - height: 100%; - background-color: var(--color-placeholdersurface); - } } } @@ -92,12 +68,6 @@ height: 1.6rem; max-width: 100%; background-color: var(--color-placeholderbackground); - - .genres-header-label { - width: 100%; - height: 100%; - background-color: var(--color-placeholdersurface); - } } .genres-labels-container { @@ -122,12 +92,6 @@ &:nth-child(3) { flex-basis: 7rem; } - - .genre-label { - width: 100%; - height: 100%; - background-color: var(--color-placeholdersurface); - } } } }