diff --git a/functions/src/cover.js b/functions/src/cover.js index 2dc8769..e591487 100644 --- a/functions/src/cover.js +++ b/functions/src/cover.js @@ -13,7 +13,7 @@ const { sendNotification } = require('./notifications') const COVER_TEMPLATE = 'MUSICLAND_PLAYBACKER' const COVER_OPTION_ID = 'musicland-playbacker' const COVER_SIZE = 1024 -const PROFILE_SIZE = 228 +const PROFILE_SIZE = 320 const TEMPLATE_PATH = path.join(__dirname, '../assets/musiclandPlaybackCover.png') const FONT_FAMILY = 'Poppins, Montserrat, Arial, sans-serif' @@ -174,7 +174,11 @@ async function prepareMusiclandCover(project) { const overlays = [{ input: buildTextOverlay(artistName), left: 0, top: 0 }] if (profileOverlay) { - overlays.unshift({ input: profileOverlay, left: 398, top: 454 }) + overlays.unshift({ + input: profileOverlay, + left: (COVER_SIZE - PROFILE_SIZE) / 2, + top: 568 - PROFILE_SIZE / 2, + }) } const coverBuffer = await sharp(TEMPLATE_PATH) diff --git a/src/components/MusiclandPlaybackCover.js b/src/components/MusiclandPlaybackCover.js index f7d10cc..ed81039 100644 --- a/src/components/MusiclandPlaybackCover.js +++ b/src/components/MusiclandPlaybackCover.js @@ -57,10 +57,10 @@ const styles = StyleSheet.create({ }, profilePicture: { position: 'absolute', - width: '22.3%', + width: '31.25%', aspectRatio: 1, - left: '38.85%', - top: '44.3%', + left: '34.375%', + top: '39.84375%', borderRadius: 999, }, artistName: { diff --git a/src/screens/HitParade/HitParade.js b/src/screens/HitParade/HitParade.js index 8d7466e..12d0e1a 100644 --- a/src/screens/HitParade/HitParade.js +++ b/src/screens/HitParade/HitParade.js @@ -672,7 +672,7 @@ const HitParade = () => { return ( new Promise((resolve, reject) => { @@ -59,8 +59,8 @@ const drawProfilePicture = (context, profilePicture) => { sourceY, sourceWidth, sourceHeight, - 398, - 454, + (COVER_SIZE - PROFILE_SIZE) / 2, + 568 - PROFILE_SIZE / 2, PROFILE_SIZE, PROFILE_SIZE )