NussNougate/nhentai
4
0
Fork 0
mirror of https://github.com/RicterZ/nhentai.git synced 2025-04-19 18:31:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #101 from reynog/patch-1

Browse Source 
Suggested change to viewer
This commit is contained in:
Ricter Zheng 2020-01-18 19:50:04 +08:00 committed by GitHub
commit bc29869a8b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
nhentai/viewer/scripts.js
View File

@ -17,6 +17,8 @@ function changePage(pageNum) {
const display = document.getElementById('dest');
display.style.backgroundImage = `url("${current.src}")`;
scroll(0,0)
document.getElementById('page-num')
.innerText = [
(pageNum + 1).toLocaleString(),
@ -47,6 +49,8 @@ document.onkeypress = event => {
switch (event.key.toLowerCase()) {
// Previous Image
case 'w':
scrollBy(0, -40);
break;
case 'a':
changePage(currentPage - 1);
break;
@ -57,6 +61,8 @@ document.onkeypress = event => {
// Next Image
case ' ':
case 's':
scrollBy(0, 40);
break;
case 'd':
changePage(currentPage + 1);
break;
@ -69,13 +75,11 @@ document.onkeydown = event =>{
changePage(currentPage - 1);
break;
case 38: //up
changePage(currentPage - 1);
break;
case 39: //right
changePage(currentPage + 1);
break;
case 40: //down
changePage(currentPage + 1);
break;
}
};
};

16
nhentai/viewer/styles.css
View File

@ -17,8 +17,8 @@ html, body {
}
#list {
height: 100%;
overflow: auto;
height: 2000px;
overflow: scroll;
width: 260px;
text-align: center;
}
@ -37,7 +37,7 @@ html, body {
#image-container {
flex: auto;
height: 100vh;
height: 2000px;
background: #222;
color: #fff;
text-align: center;
@ -48,16 +48,16 @@ html, body {
}
#image-container #dest {
height: 100%;
height: 2000px;
width: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-position: top;
}
#image-container #page-num {
position: absolute;
font-size: 18pt;
position: static;
font-size: 14pt;
left: 10px;
bottom: 5px;
font-weight: bold;
@ -66,4 +66,4 @@ html, body {
0 0 2px #222,
0 0 2px #222,
0 0 2px #222;
}
}