ydeng/epsilon_webui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Map now has some form of transparency with integration.

Browse Source
This commit is contained in:
Harrison Deng 2022-01-18 14:13:49 -06:00
parent 7917565438
commit 39c003d6c8
2 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/pages/MinecraftServer.vue
View File

@ -66,7 +66,7 @@
ref="dynmap" ref="dynmap"
src="https:/ent.sys.reslate.xyz/resmcs/dynmap/" src="https:/ent.sys.reslate.xyz/resmcs/dynmap/"
class="map" class="map"
allowTransparency="true" allowtransparency="true"
@load="iframeLoaded" @load="iframeLoaded"
> >
<p>Your browser does not support iframes. Visit <a href="https:/ent.sys.reslate.xyz/resmcs/dynmap/">the full dynmap page here</a></p> <p>Your browser does not support iframes. Visit <a href="https:/ent.sys.reslate.xyz/resmcs/dynmap/">the full dynmap page here</a></p>
@ -115,6 +115,11 @@ export default {
this.lastUpdate = info.last_updated; this.lastUpdate = info.last_updated;
}, },
methods: { methods: {
iframeLoaded() {
let iframe = this.$refs.dynmap;
let iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
iframeDocument.body.style.backgroundColor = "transparent";
}
}, },
}; };
</script> </script>
@ -157,7 +162,6 @@ export default {
} }
background-repeat: repeat; background-repeat: repeat;
background-size: auto; background-size: auto;
font-size: 1.25rem;
} }
} }
@ -180,15 +184,16 @@ export default {
} }
.map { .map {
width: 95%; width: 90%;
flex-grow: 1; flex-grow: 1;
margin-bottom: 2.5%; background-image: url("@/assets/images/minecraft/textures/map_center.png");
background-color: transparent; background-repeat: repeat;
background-clip: padding-box;
margin-bottom: 5%;
border-width: 20px;
border-image-slice:27 27 27 27; border-image-slice:27 27 27 27;
border-image-width:20px 20px 20px 20px; border-image-width:27px 27px 27px 27px;
border-image-outset:0px 0px 0px 0px; border-image-outset:0px 0px 0px 0px;
border-image-repeat:repeat repeat; border-image-repeat:repeat repeat;
border-image-source:url("@/assets/images/minecraft/textures/map.png"); border-image-source:url("@/assets/images/minecraft/textures/map.png");

10
src/router/routes.js
View File

@ -8,14 +8,14 @@ export const routes = [
name: "Home", name: "Home",
component: OverviewInfo, component: OverviewInfo,
}, },
{
path: "/steam",
name: "Steam System",
component: SteamServer,
},
{ {
path: "/mcs", path: "/mcs",
name: "Minecraft Server", name: "Minecraft Server",
component: MinecraftServer, component: MinecraftServer,
}, },
{
path: "/steam",
name: "Steam System",
component: SteamServer,
}
]; ];