antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-01 10:23:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

[enhancement]: support using native image aspect ratio

Browse source
This commit is contained in:
Kendall Garner 2024-05-25 11:15:30 -07:00
parent 961d1838c0
commit 38ed083693
No known key found for this signature in database
GPG key ID: 18D2767419676C87
13 changed files with 41 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/renderer/features/player/components/left-controls.tsx
View file

@ -62,7 +62,7 @@ const Image = styled(motion.div)`
const PlayerbarImage = styled.img`
width: 100%;
height: 100%;
object-fit: cover;
object-fit: var(--image-fit);
`;
const LineItem = styled.div<{ $secondary?: boolean }>`

2
src/renderer/features/search/components/library-command-item.tsx
View file

@ -46,7 +46,7 @@ const MetadataWrapper = styled.div`
`;
const StyledImage = styled.img`
object-fit: cover;
object-fit: var(--image-fit);
border-radius: 4px;
`;

22
src/renderer/features/settings/components/general/control-settings.tsx
View file

@ -90,6 +90,28 @@ export const ControlSettings = () => {
isHidden: false,
title: t('setting.playerAlbumArtResolution', { postProcess: 'sentenceCase' }),
},
{
control: (
<Switch
aria-label="Toggle using native aspect ratio"
defaultChecked={settings.nativeAspectRatio}
onChange={(e) =>
setSettings({
general: {
...settings,
nativeAspectRatio: e.currentTarget.checked,
},
})
}
/>
),
description: t('setting.imageAspectRatio', {
context: 'description',
postProcess: 'sentenceCase',
}),
isHidden: false,
title: t('setting.imageAspectRatio', { postProcess: 'sentenceCase' }),
},
{
control: (
<Switch

2
src/renderer/features/shared/components/library-header.module.scss
View file

@ -121,7 +121,7 @@
}
.image {
object-fit: cover;
object-fit: var(--image-fit);
border-radius: 5px;
}

2
src/renderer/features/sidebar/components/sidebar.tsx
View file

@ -64,7 +64,7 @@ const ImageContainer = styled(motion.div)<{ height: string }>`
const SidebarImage = styled.img`
width: 100%;
height: 100%;
object-fit: cover;
object-fit: var(--image-fit);
background: var(--placeholder-bg);
`;