diff options
Diffstat (limited to 'src/plugins/imageZoom/components/Magnifier.tsx')
| -rw-r--r-- | src/plugins/imageZoom/components/Magnifier.tsx | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/src/plugins/imageZoom/components/Magnifier.tsx b/src/plugins/imageZoom/components/Magnifier.tsx index 4e5b667..6a3fc05 100644 --- a/src/plugins/imageZoom/components/Magnifier.tsx +++ b/src/plugins/imageZoom/components/Magnifier.tsx @@ -16,6 +16,7 @@ * along with this program. If not, see <https://www.gnu.org/licenses/>. */ +import { classNameFactory } from "@api/Styles"; import { FluxDispatcher, React, useRef, useState } from "@webpack/common"; import { ELEMENT_ID } from "../constants"; @@ -33,6 +34,8 @@ export interface MagnifierProps { instance: any; } +const cl = classNameFactory("vc-imgzoom-"); + export const Magnifier: React.FC<MagnifierProps> = ({ instance, size: initialSize, zoom: initalZoom }) => { const [ready, setReady] = useState(false); @@ -156,7 +159,7 @@ export const Magnifier: React.FC<MagnifierProps> = ({ instance, size: initialSiz return ( <div - className={`vc-imgzoom-lens ${settings.store.nearestNeighbour ? "nearest-neighbor" : ""}`} + className={cl("lens", { "nearest-neighbor": settings.store.nearestNeighbour, square: settings.store.square })} style={{ opacity, width: size.current + "px", |