mirror of
https://github.com/Equicord/Equicord.git
synced 2025-01-31 03:33:36 -05:00
Add IMMERSIVE BackgroundStyle ModalFade
This commit is contained in:
parent
eb1a68b66c
commit
fc05bccb08
1 changed files with 5 additions and 3 deletions
|
@ -14,7 +14,7 @@ import type { StoreApi, UseBoundStore } from "zustand";
|
||||||
type Modal = {
|
type Modal = {
|
||||||
Layer?: any,
|
Layer?: any,
|
||||||
instant?: boolean,
|
instant?: boolean,
|
||||||
backdropStyle?: "SUBTLE" | "DARK" | "BLUR",
|
backdropStyle?: "SUBTLE" | "DARK" | "BLUR", "IMMERSIVE",
|
||||||
};
|
};
|
||||||
|
|
||||||
const { useModalContext, useModalsStore } = proxyLazy(() => Forms as any as {
|
const { useModalContext, useModalsStore } = proxyLazy(() => Forms as any as {
|
||||||
|
@ -26,8 +26,6 @@ const { useModalContext, useModalsStore } = proxyLazy(() => Forms as any as {
|
||||||
});
|
});
|
||||||
|
|
||||||
const { animated, useSpring, useTransition } = findByPropsLazy("a", "animated", "useTransition");
|
const { animated, useSpring, useTransition } = findByPropsLazy("a", "animated", "useTransition");
|
||||||
// This doesn't seem to be necessary
|
|
||||||
// const { default: AppLayer } = findByPropsLazy("AppLayerContainer", "AppLayerProvider");
|
|
||||||
|
|
||||||
const ANIMS = {
|
const ANIMS = {
|
||||||
SUBTLE: {
|
SUBTLE: {
|
||||||
|
@ -42,6 +40,10 @@ const ANIMS = {
|
||||||
off: { opacity: 1, filter: "blur(0px)" },
|
off: { opacity: 1, filter: "blur(0px)" },
|
||||||
on: { opacity: 0.7, filter: "blur(8px)" },
|
on: { opacity: 0.7, filter: "blur(8px)" },
|
||||||
},
|
},
|
||||||
|
IMMERSIVE: {
|
||||||
|
off: { opacity: 1 },
|
||||||
|
on: { opacity: 0.7 }
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
export default definePlugin({
|
export default definePlugin({
|
||||||
|
|
Loading…
Reference in a new issue