NRB_VueJS/vue_aspect_ratio
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove need for wallpaper

Browse Source
This commit is contained in:
Fredrick W. Warren 2019-08-20 11:24:39 -07:00
parent 9479fc75b9
commit d1548867a1
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>daleen</title>
<style>
#pageStyle {
#pagestyle {
border: 0px;
padding 0px;
margin: 0px;
@ -19,8 +19,8 @@
}
</style>
</head>
<body style="border: 0;padding: 0;margin: 0;">
<div style="position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);">
<body id="pagestyle">
<div id="appstyle">
<div id="app"></div>
</div>
<!-- built files will be auto injected -->

8
src/App.vue
View File

@ -1,6 +1,6 @@
<template>
<div :style="window.style">
<div style="width: 1680px;height: 1050px;background-image: url('https://wallpapercave.com/wp/mvdjImO.jpg')">
<div :style="windowSize">
<router-view/>
</div>
</div>
@ -12,8 +12,8 @@ export default {
data: function () {
return {
window: {
width: 1680,
height: 1050,
width: 1920,
height: 1080,
style: ''
}
}
@ -27,7 +27,7 @@ export default {
},
computed: {
windowSize: function () {
return `width: ${this.window.width};height: ${this.window.height}`
return `width: ${this.window.width}px;height: ${this.window.height}px;`
}
},
methods: {