Fixed pixel gap issue with dynmap on MCS page.
Some checks failed
RealYHD/epsilon_webui/pipeline/head There was a failure building this commit

This commit is contained in:
Harrison Deng 2022-05-17 12:09:46 -05:00
parent 251c604afd
commit 91cb057cb7

View File

@ -60,10 +60,9 @@
</div> </div>
<iframe <iframe
ref="dynmap" ref="dynmap"
src="https://ent.sys.reslate.xyz/rsemcs/dynmap/"
class="map" class="map"
src="https://ent.sys.reslate.xyz/rsemcs/dynmap/"
allowtransparency="true" allowtransparency="true"
@load="dynmapLoaded"
> >
<p>Your browser does not support iframes. Visit <a href="https://ent.sys.reslate.xyz/rsemcs/dynmap/">the full dynmap page here</a></p> <p>Your browser does not support iframes. Visit <a href="https://ent.sys.reslate.xyz/rsemcs/dynmap/">the full dynmap page here</a></p>
</iframe> </iframe>
@ -111,11 +110,6 @@ export default {
this.lastUpdate = info.last_updated; this.lastUpdate = info.last_updated;
}, },
methods: { methods: {
dynmapLoaded() {
let iframe = this.$refs.dynmap;
let iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
iframeDocument.body.style.backgroundColor = "transparent";
}
}, },
}; };
</script> </script>
@ -187,7 +181,7 @@ export default {
background-clip: padding-box; background-clip: padding-box;
margin-bottom: 2.5%; margin-bottom: 2.5%;
border-width: 27px; border-width: 26px;
border-image-slice:27 27 27 27; border-image-slice:27 27 27 27;
border-image-width:27px 27px 27px 27px; border-image-width:27px 27px 27px 27px;
border-image-outset:0px 0px 0px 0px; border-image-outset:0px 0px 0px 0px;