Spaces:
Paused
Paused
Update app-backup2.py
Browse files- app-backup2.py +16 -7
app-backup2.py
CHANGED
|
@@ -100,16 +100,19 @@ h2{margin:0;font-size:1.5rem;font-weight:600}
|
|
| 100 |
}
|
| 101 |
button.upload{all:unset;cursor:pointer;border:1px solid #bbb;padding:8px 14px;border-radius:6px;background:#fff;margin:0 8px}
|
| 102 |
#viewer{
|
| 103 |
-
width:
|
| 104 |
-
height:
|
| 105 |
-
max-width:
|
| 106 |
-
margin:0;
|
| 107 |
background:#fff;
|
| 108 |
-
border:
|
|
|
|
| 109 |
position:fixed; /* κ³ μ μμΉ */
|
| 110 |
-
top:
|
| 111 |
-
left:
|
|
|
|
| 112 |
z-index:1000; /* μ΅μμ νμ */
|
|
|
|
| 113 |
}
|
| 114 |
</style></head><body>
|
| 115 |
|
|
@@ -349,6 +352,9 @@ function toggle(showHome){
|
|
| 349 |
$id('homeBtn').style.fontSize = '24px'; // ν¬κΈ° μ¦κ°
|
| 350 |
$id('homeBtn').style.width = '48px';
|
| 351 |
$id('homeBtn').style.height = '48px';
|
|
|
|
|
|
|
|
|
|
| 352 |
} else {
|
| 353 |
$id('homeBtn').style.position = '';
|
| 354 |
$id('homeBtn').style.top = '';
|
|
@@ -357,6 +363,9 @@ function toggle(showHome){
|
|
| 357 |
$id('homeBtn').style.fontSize = '';
|
| 358 |
$id('homeBtn').style.width = '';
|
| 359 |
$id('homeBtn').style.height = '';
|
|
|
|
|
|
|
|
|
|
| 360 |
}
|
| 361 |
}
|
| 362 |
|
|
|
|
| 100 |
}
|
| 101 |
button.upload{all:unset;cursor:pointer;border:1px solid #bbb;padding:8px 14px;border-radius:6px;background:#fff;margin:0 8px}
|
| 102 |
#viewer{
|
| 103 |
+
width:80%;
|
| 104 |
+
height:80vh; /* μ 체 νλ©΄ λμ΄μ 80%λ‘ μΆμ */
|
| 105 |
+
max-width:80%; /* μ΅λ λλΉ 80%λ‘ μ ν */
|
| 106 |
+
margin:0;
|
| 107 |
background:#fff;
|
| 108 |
+
border:1px solid #ddd;
|
| 109 |
+
border-radius:8px;
|
| 110 |
position:fixed; /* κ³ μ μμΉ */
|
| 111 |
+
top:50%;
|
| 112 |
+
left:50%;
|
| 113 |
+
transform:translate(-50%, -50%); /* μ€μ μ λ ¬ */
|
| 114 |
z-index:1000; /* μ΅μμ νμ */
|
| 115 |
+
box-shadow:0 4px 20px rgba(0,0,0,0.15);
|
| 116 |
}
|
| 117 |
</style></head><body>
|
| 118 |
|
|
|
|
| 352 |
$id('homeBtn').style.fontSize = '24px'; // ν¬κΈ° μ¦κ°
|
| 353 |
$id('homeBtn').style.width = '48px';
|
| 354 |
$id('homeBtn').style.height = '48px';
|
| 355 |
+
|
| 356 |
+
// λ°°κ²½ μ€λ²λ μ΄ μΆκ°
|
| 357 |
+
document.body.style.backgroundColor = '#3a3a3a';
|
| 358 |
} else {
|
| 359 |
$id('homeBtn').style.position = '';
|
| 360 |
$id('homeBtn').style.top = '';
|
|
|
|
| 363 |
$id('homeBtn').style.fontSize = '';
|
| 364 |
$id('homeBtn').style.width = '';
|
| 365 |
$id('homeBtn').style.height = '';
|
| 366 |
+
|
| 367 |
+
// λ°°κ²½ μλλλ‘
|
| 368 |
+
document.body.style.backgroundColor = '#f0f0f0';
|
| 369 |
}
|
| 370 |
}
|
| 371 |
|