File size: 2,836 Bytes
325675e e3dfcc5 248cc3c e3dfcc5 c0cb957 325675e |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 |
import React from 'react';
import { Heart } from "lucide-react";
export default function FullScreenIframe() {
return (
<div className="flex flex-col min-h-screen">
<header className="px-4 lg:px-6 h-14 flex items-center">
<a className="flex items-center justify-center" href="#">
<Heart className="h-6 w-6 text-primary" />
<span className="sr-only">FullScreen Iframe</span>
</a>
</header>
<main className="flex-1">
<section className="w-full py-12 md:py-24 lg:py-32 xl:py-48">
<div className="container px-4 md:px-6">
<div className="flex flex-col items-center space-y-4 text-center">
<div className="space-y-2">
<h1 className="text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl lg:text-6xl/none">
Full Screen Iframe
</h1>
<p className="mx-auto max-w-[700px] text-gray-500 md:text-xl dark:text-gray-400">
This is a full screen iframe.
</p>
</div>
</div>
</div>
</section>
<section className="w-full py-12 md:py-24 lg:py-32">
<div className="container px-4 md:px-6">
<iframe src="https://aidark.net/" frameBorder="0" scrolling="no" className="w-full h-screen"></iframe>
</div>
</section>
</main>
<footer className="flex flex-col gap-2 sm:flex-row py-6 w-full shrink-0 items-center px-4 md:px-6 border-t">
<p className="text-xs text-gray-500 dark:text-gray-400"> 2023 Full Screen Iframe. All rights reserved.</p>
<nav className="sm:ml-auto flex gap-4 sm:gap-6">
<a className="text-xs hover:underline underline-offset-4" href="#">
Terms of Service
</a>
<a className="text-xs hover:underline underline-offset-4" href="#">
Privacy
</a>
</nav>
</footer>
</div>
);
}
<!-- <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Full Screen Iframe</title>
<style>
/* Remove padding and margin for body and html */
html, body {
margin: 0;
padding: 0;
height: 100%;
}
/* Make the iframe full screen and remove the border */
iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none; /* Removes the border */
margin: 0;
padding: 0;
overflow: hidden; /* Prevents scrollbars */
}
</style>
</head>
<body>
<iframe src="https://aidark.net/" frameborder="0" scrolling="no"></iframe>
</body>
</html>
--> |