Goatworks/Capital
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

💄 Optimized widget

Browse Source
This commit is contained in:
LittleSheep 2024-02-10 02:41:50 +08:00
parent 138bbb0944
commit 9024d5246e
2 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/moments.astro
View File

@ -3,7 +3,7 @@ import RootLayout from "../layouts/RootLayout.astro";
---
<RootLayout>
<iframe class="moments-frame" src="https://feed.smartsheep.studio/realms/1?embedded=yes" />
<iframe class="moments-frame" src="https://feed.smartsheep.studio/realms/1?embedded=yes"></iframe>
</RootLayout>
<style>

15
src/pages/posts/[slug].astro
View File

@ -121,11 +121,9 @@ const embedOptions = new URLSearchParams({
element.height = height ? `${height}px` : "360px";
}
window.addEventListener("DOMContentLoaded", () => {
const element = document.querySelector<HTMLIFrameElement>("#interactive-iframe");
if (element) {
resizeInteractiveWidget(element);
}
const widget = document.querySelector<HTMLIFrameElement>("#interactive-iframe");
widget?.addEventListener("onload", () => {
resizeInteractiveWidget(widget);
});
</script>
@ -152,4 +150,11 @@ const embedOptions = new URLSearchParams({
grid-template-columns: 2fr 1fr;
}
}
#interactive-iframe {
display: block;
border: 0;
width: 100%;
min-height: 360px;
}
</style>