alma/NeahFront2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update iframe rules mail

Browse Source
This commit is contained in:
Alma 2025-04-09 15:33:51 +02:00
parent ab802e067a
commit 2195309080
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/components/responsive-iframe.tsx
View File

@ -6,9 +6,10 @@ interface ResponsiveIframeProps {
src: string; src: string;
className?: string; className?: string;
allow?: string; allow?: string;
style?: React.CSSProperties;
} }
export function ResponsiveIframe({ src, className = '', allow }: ResponsiveIframeProps) { export function ResponsiveIframe({ src, className = '', allow, style }: ResponsiveIframeProps) {
const iframeRef = useRef<HTMLIFrameElement>(null); const iframeRef = useRef<HTMLIFrameElement>(null);
useEffect(() => { useEffect(() => {
@ -62,7 +63,8 @@ export function ResponsiveIframe({ src, className = '', allow }: ResponsiveIfram
style={{ style={{
display: 'block', display: 'block',
width: '100%', width: '100%',
height: '100%' height: '100%',
...style
}} }}
allow={allow} allow={allow}
allowFullScreen allowFullScreen

7
app/mail/page.tsx
View File

@ -16,6 +16,13 @@ export default async function Page() {
<ResponsiveIframe <ResponsiveIframe
src={process.env.NEXT_PUBLIC_IFRAME_MAIL_URL || ''} src={process.env.NEXT_PUBLIC_IFRAME_MAIL_URL || ''}
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
className="relative"
style={{
marginTop: '-64px',
marginLeft: '-180px',
width: 'calc(100% + 500px)',
right: '-160px'
}}
/> />
</div> </div>
</main> </main>