Less padding, touch remove, max resolution
This commit is contained in:
parent
8ee678ee48
commit
c32015f5c1
2 changed files with 11 additions and 4 deletions
|
@ -38,10 +38,10 @@ h1 {
|
||||||
|
|
||||||
.modalDialog > div {
|
.modalDialog > div {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 300px;
|
width: 280px;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 40px auto;
|
margin: 40px auto;
|
||||||
padding: 5px 20px 13px 20px;
|
padding: 5px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
|
|
11
index.js
11
index.js
|
@ -12,6 +12,9 @@ var svglines_online = new Array();
|
||||||
var speed = 100;
|
var speed = 100;
|
||||||
var line_kind = 1;
|
var line_kind = 1;
|
||||||
|
|
||||||
|
var maxwidth = 1280;
|
||||||
|
var maxheight = 1024;
|
||||||
|
|
||||||
function init() {
|
function init() {
|
||||||
myName = document.getElementById('loginname').value;
|
myName = document.getElementById('loginname').value;
|
||||||
var login = document.getElementById('login');
|
var login = document.getElementById('login');
|
||||||
|
@ -34,8 +37,8 @@ function init() {
|
||||||
|
|
||||||
function resize(){
|
function resize(){
|
||||||
var app = document.getElementById('app');
|
var app = document.getElementById('app');
|
||||||
app.style.width = (window.innerWidth - 8) + 'px';
|
app.style.width = Math.min(window.innerWidth - 8, maxwidth) + 'px';
|
||||||
app.style.height = (window.innerHeight - 4) + 'px';
|
app.style.height = Math.min(window.innerHeight - 4, maxheight) + 'px';
|
||||||
updateUser();
|
updateUser();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -115,6 +118,10 @@ function updateLines(lines){
|
||||||
console.log('removing: ' + id);
|
console.log('removing: ' + id);
|
||||||
removeLine(id);
|
removeLine(id);
|
||||||
});
|
});
|
||||||
|
current.addEventListener('touchend', function () {
|
||||||
|
console.log('removing: ' + id);
|
||||||
|
removeLine(id);
|
||||||
|
});
|
||||||
if(lines[i].line_kind == 0){
|
if(lines[i].line_kind == 0){
|
||||||
current.setAttribute('class', "guitar");
|
current.setAttribute('class', "guitar");
|
||||||
} else {
|
} else {
|
||||||
|
|
Reference in a new issue