Adjust iframes to 1/3 of viewport height and remove Netlify Drawer code
This commit is contained in:
parent
3ec5a09a99
commit
af7ada529b
18
index.html
18
index.html
|
@ -29,7 +29,7 @@
|
|||
iframe {
|
||||
flex: 1;
|
||||
border: none;
|
||||
height: 50%; /* Adjust as necessary to fit within the viewport */
|
||||
height: 33%; /* Adjust to 1/3 of the viewport height */
|
||||
}
|
||||
.buttons {
|
||||
width: 100%;
|
||||
|
@ -42,11 +42,6 @@
|
|||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* CSS to hide Netlify Drawer */
|
||||
iframe[src^='https://app.netlify.com'] {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CC1B9CQ691"></script>
|
||||
|
@ -56,14 +51,6 @@
|
|||
gtag('js', new Date());
|
||||
gtag('config', 'G-CC1B9CQ691');
|
||||
</script>
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
const netlifyDrawer = document.querySelector("iframe[src^='https://app.netlify.com']");
|
||||
if (netlifyDrawer) {
|
||||
netlifyDrawer.style.display = "none";
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
|
@ -77,8 +64,5 @@
|
|||
<button onclick="window.location.href='https://rebrand.ly/csmsgoogle'">View on Google Maps</button>
|
||||
<button onclick="window.location.href='https://rebrand.ly/csmsgaia'">View on Gaia GPS</button>
|
||||
</div>
|
||||
<div data-netlify-deploy-id="66ad3357ef8ab60008fe7cdb" data-netlify-site-id="d4c63ad8-dc16-4a45-a20f-aa2b8ba2eb40" data-vcs="github" style="position:fixed">
|
||||
<script async src="/.netlify/scripts/cdp"></script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Reference in New Issue