smart login form, embedded fonts, other improvments
This commit is contained in:
parent
ead81883b2
commit
cf38b3dd15
21 changed files with 6105 additions and 2442 deletions
|
|
@ -58,15 +58,15 @@ function draggify(elementId, parentId, margin) {
|
|||
// Move element to target smoothly.
|
||||
const repositionAnime = (xChange, yChange) => {
|
||||
|
||||
const xStep = xChange / 6000;
|
||||
const yStep = yChange / 6000;
|
||||
const xStep = xChange / 1000;
|
||||
const yStep = yChange / 1000;
|
||||
|
||||
for (let i = 1; i <= 6000; i++) {
|
||||
for (let i = 1; i <= 1000; i++) {
|
||||
|
||||
setTimeout(() => {
|
||||
elementX.value += xStep;
|
||||
elementY.value += yStep;
|
||||
}, 16) // 60fps
|
||||
}, 30) // 60fps
|
||||
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,21 +17,23 @@ const metaKeys = [
|
|||
"Escape"
|
||||
];
|
||||
|
||||
function useText(elementId, left, typing)
|
||||
function useText(elementId, parentId, left)
|
||||
{
|
||||
let el;
|
||||
let parent;
|
||||
|
||||
const show = Vue.ref(false);
|
||||
const leftSide = Vue.ref(false);
|
||||
|
||||
const calcSide = () => {
|
||||
window.innerWidth - left.value < inputLength ? leftSide.value = true : leftSide.value = false;
|
||||
parent.clientWidth - left.value < inputLength ? leftSide.value = true : leftSide.value = false;
|
||||
}
|
||||
|
||||
/* handle user typing */
|
||||
Vue.onMounted(() => {
|
||||
|
||||
el = document.getElementById(elementId);
|
||||
parent = document.getElementById(parentId);
|
||||
|
||||
window.addEventListener("keydown", (e) => {
|
||||
|
||||
|
|
@ -61,6 +63,8 @@ function useText(elementId, left, typing)
|
|||
}
|
||||
});
|
||||
|
||||
calcSide();
|
||||
|
||||
});
|
||||
|
||||
Vue.watch(left, calcSide);
|
||||
|
|
@ -74,8 +78,6 @@ function useText(elementId, left, typing)
|
|||
}
|
||||
});
|
||||
|
||||
calcSide();
|
||||
|
||||
return { leftSide, show };
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue