khairul169/home-lab
1
0
Fork 0
mirror of https://github.com/khairul169/home-lab.git synced 2025-04-28 08:39:34 +07:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: set audio player cover img aspect ratio 1:1

Browse Source
This commit is contained in:
Khairul Hidayat 2024-03-24 02:32:38 +07:00
parent 2b29ceacd0
commit 254df638c1
3 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
backend/public/_expo/static/js/web/entry-760635eccec4013459b293d488349451.js → backend/public/_expo/static/js/web/entry-9340d9b06450719c5ea70c9e7acab050.js
View File

File diff suppressed because one or more lines are too long

2
backend/public/index.html
View File

@ -32,6 +32,6 @@
</noscript>
<!-- The root element for your Expo app. -->
<div id="root"></div>
<script src="/_expo/static/js/web/entry-760635eccec4013459b293d488349451.js" defer></script>
<script src="/_expo/static/js/web/entry-9340d9b06450719c5ea70c9e7acab050.js" defer></script>
</body>
</html>

12
src/components/pages/music/AudioPlayer.tsx
View File

@ -60,11 +60,13 @@ const AudioPlayerView = React.memo(({ onClose }: { onClose: () => void }) => {
<Box className="flex flex-col items-center justify-center p-8 flex-1 overflow-hidden">
{mediaTags?.picture ? (
<Image
source={{ uri: mediaTags.picture }}
style={cn("w-full flex-1 max-h-[256px] mb-8")}
resizeMode="contain"
/>
<Box className="aspect-square flex-1 max-h-[400px] mb-8">
<Image
source={{ uri: mediaTags.picture }}
style={cn("w-full h-full")}
resizeMode="cover"
/>
</Box>
) : null}
<Text className="text-white text-lg sm:text-xl">Now Playing</Text>