Update app.css
Browse files
app.css
CHANGED
|
@@ -5,12 +5,7 @@
|
|
| 5 |
align-items: center;
|
| 6 |
}
|
| 7 |
|
| 8 |
-
|
| 9 |
-
margin-top: 66px;
|
| 10 |
-
border: 1px solid #BFBFC4;
|
| 11 |
-
border-radius: 8px;
|
| 12 |
-
overflow: hidden;;
|
| 13 |
-
}
|
| 14 |
|
| 15 |
.render_header {
|
| 16 |
height: 30px;
|
|
@@ -51,10 +46,7 @@
|
|
| 51 |
border: none;
|
| 52 |
}
|
| 53 |
|
| 54 |
-
|
| 55 |
-
width: 100%;
|
| 56 |
-
height: 920px;
|
| 57 |
-
}
|
| 58 |
|
| 59 |
/* Footer 숨기기 */
|
| 60 |
footer, .footer, div[class*="footer"], #footer {
|
|
@@ -85,9 +77,23 @@ footer, .footer, div[class*="footer"], #footer {
|
|
| 85 |
|
| 86 |
|
| 87 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 88 |
.setting-buttons {
|
| 89 |
position: absolute;
|
| 90 |
top: 10px;
|
| 91 |
right: 10px;
|
| 92 |
z-index: 1000;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 93 |
}
|
|
|
|
| 5 |
align-items: center;
|
| 6 |
}
|
| 7 |
|
| 8 |
+
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 9 |
|
| 10 |
.render_header {
|
| 11 |
height: 30px;
|
|
|
|
| 46 |
border: none;
|
| 47 |
}
|
| 48 |
|
| 49 |
+
|
|
|
|
|
|
|
|
|
|
| 50 |
|
| 51 |
/* Footer 숨기기 */
|
| 52 |
footer, .footer, div[class*="footer"], #footer {
|
|
|
|
| 77 |
|
| 78 |
|
| 79 |
|
| 80 |
+
.examples-section {
|
| 81 |
+
margin-top: 24px;
|
| 82 |
+
padding: 0 24px;
|
| 83 |
+
}
|
| 84 |
+
|
| 85 |
.setting-buttons {
|
| 86 |
position: absolute;
|
| 87 |
top: 10px;
|
| 88 |
right: 10px;
|
| 89 |
z-index: 1000;
|
| 90 |
+
}
|
| 91 |
+
|
| 92 |
+
.right_panel {
|
| 93 |
+
height: calc(100vh - 300px); /* examples 섹션을 위한 공간 확보 */
|
| 94 |
+
position: relative;
|
| 95 |
+
}
|
| 96 |
+
|
| 97 |
+
.html_content {
|
| 98 |
+
height: 100%;
|
| 99 |
}
|