build file
This commit is contained in:
Vendored
+1
-1
@@ -4,7 +4,7 @@
|
|||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>CITPL Admin</title>
|
<title>CITPL Admin</title>
|
||||||
<script type="module" crossorigin src="/citpl_website/assets/admin-BBU5JXTU.js"></script>
|
<script type="module" crossorigin src="/citpl_website/assets/admin-xMzVH3dP.js"></script>
|
||||||
<link rel="modulepreload" crossorigin href="/citpl_website/assets/x-Dfk9cXvs.js">
|
<link rel="modulepreload" crossorigin href="/citpl_website/assets/x-Dfk9cXvs.js">
|
||||||
<link rel="stylesheet" crossorigin href="/citpl_website/assets/admin-Chd5uVZT.css">
|
<link rel="stylesheet" crossorigin href="/citpl_website/assets/admin-Chd5uVZT.css">
|
||||||
</head>
|
</head>
|
||||||
|
|||||||
Vendored
-1
File diff suppressed because one or more lines are too long
Vendored
+1
File diff suppressed because one or more lines are too long
+1
-51
@@ -1,4 +1,4 @@
|
|||||||
import { useEffect, useRef, useState, Component } from 'react';
|
import { useEffect, useState, Component } from 'react';
|
||||||
|
|
||||||
const BASE = import.meta.env.BASE_URL;
|
const BASE = import.meta.env.BASE_URL;
|
||||||
import {
|
import {
|
||||||
@@ -72,26 +72,6 @@ function Toast({ message, type }) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function LoginPreview() {
|
function LoginPreview() {
|
||||||
const viewportRef = useRef(null);
|
|
||||||
const [scale, setScale] = useState(0.5);
|
|
||||||
const previewWidth = 1280;
|
|
||||||
const previewHeight = 800;
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
const el = viewportRef.current;
|
|
||||||
if (!el) return;
|
|
||||||
|
|
||||||
const updateScale = () => {
|
|
||||||
const nextScale = el.clientWidth / previewWidth;
|
|
||||||
setScale(nextScale);
|
|
||||||
};
|
|
||||||
|
|
||||||
updateScale();
|
|
||||||
const observer = new ResizeObserver(updateScale);
|
|
||||||
observer.observe(el);
|
|
||||||
return () => observer.disconnect();
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="login-preview">
|
<div className="login-preview">
|
||||||
<div className="login-preview-intro">
|
<div className="login-preview-intro">
|
||||||
@@ -105,36 +85,6 @@ function LoginPreview() {
|
|||||||
Open full site
|
Open full site
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="login-preview-shell">
|
|
||||||
<div className="login-preview-chrome">
|
|
||||||
<span className="login-preview-dot" />
|
|
||||||
<span className="login-preview-dot" />
|
|
||||||
<span className="login-preview-dot" />
|
|
||||||
<span className="login-preview-url">cavininfotech.com</span>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
className="login-preview-viewport"
|
|
||||||
ref={viewportRef}
|
|
||||||
style={{ height: previewHeight * scale }}
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
className="login-preview-stage"
|
|
||||||
style={{ width: previewWidth * scale, height: previewHeight * scale }}
|
|
||||||
>
|
|
||||||
<iframe
|
|
||||||
src={BASE}
|
|
||||||
title="Website preview"
|
|
||||||
className="login-preview-iframe"
|
|
||||||
style={{
|
|
||||||
width: previewWidth,
|
|
||||||
height: previewHeight,
|
|
||||||
transform: `scale(${scale})`,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
+1
-1
@@ -1,4 +1,4 @@
|
|||||||
const API_BASE = '';
|
const API_BASE = import.meta.env.VITE_API_BASE || '';
|
||||||
|
|
||||||
export function getToken() {
|
export function getToken() {
|
||||||
return localStorage.getItem('admin_token');
|
return localStorage.getItem('admin_token');
|
||||||
|
|||||||
Reference in New Issue
Block a user