[enhancement]: support using native image aspect ratio

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

View file

@ -40,6 +40,7 @@ export const App = () => {
const theme = useTheme();
const accent = useSettingsStore((store) => store.general.accent);
const language = useSettingsStore((store) => store.general.language);
const nativeImageAspect = useSettingsStore((store) => store.general.nativeAspectRatio);
const { builtIn, custom, system, type } = useSettingsStore((state) => state.font);
const { type: playbackType } = usePlaybackSettings();
const { bindings } = useHotkeySettings();
@ -90,6 +91,11 @@ export const App = () => {
root.style.setProperty('--primary-color', accent);
}, [accent]);
useEffect(() => {
const root = document.documentElement;
root.style.setProperty('--image-fit', nativeImageAspect ? 'scale-down' : 'cover');
}, [nativeImageAspect]);
const providerValue = useMemo(() => {
return { handlePlayQueueAdd };
}, [handlePlayQueueAdd]);