ginipick commited on
Commit
733101e
Β·
verified Β·
1 Parent(s): 355b670

Update app-backup2.py

Browse files
Files changed (1) hide show
  1. 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:100%;
104
- height:100vh; /* 전체 ν™”λ©΄ λ†’μ΄λ‘œ ν™•μž₯ */
105
- max-width:100%; /* μ΅œλŒ€ λ„ˆλΉ„ μ œν•œ ν•΄μ œ */
106
- margin:0; /* λ§ˆμ§„ 제거 */
107
  background:#fff;
108
- border:none; /* ν…Œλ‘λ¦¬ 제거 */
 
109
  position:fixed; /* κ³ μ • μœ„μΉ˜ */
110
- top:0;
111
- left:0;
 
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