From a7552518bf98170eb6c4187a2cbef211276251df Mon Sep 17 00:00:00 2001
From: David Trattnig <david@subsquare.at>
Date: Wed, 7 Sep 2022 12:44:36 +0200
Subject: [PATCH] refact: improve size of display section
---
src/components/MediaPlayer.svelte | 14 +++++++-------
1 file changed, 7 insertions(+), 7 deletions(-)
diff --git a/src/components/MediaPlayer.svelte b/src/components/MediaPlayer.svelte
index 2f131ef..a5c42b1 100644
--- a/src/components/MediaPlayer.svelte
+++ b/src/components/MediaPlayer.svelte
@@ -130,8 +130,7 @@
<style lang="scss">
/* Media Player */
#aura-media-player {
- width: 100%;
- max-width: 375px;
+ width: 344px;
background-color: #ffffff;
box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.12);
border-radius: 8px;
@@ -140,8 +139,8 @@
position: relative;
}
#aura-media-player #aura-media-player-display {
- width: 100%;
- max-width: 375px;
+ width: 344px;
+ height: 344px;
overflow: hidden;
}
@@ -201,10 +200,11 @@
#aura-media-player #aura-media-player-tab-now .aura-player-album-art {
box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.12);
display: block;
- width: 100%;
- height: 375px;
+ width: 344px;
+ height: 344px;
+ background-size: 344px 344px;
background-position: center;
- background-size: cover;
+ background-size: contain;
}
/* Tab: Playlist */
--
GitLab