openfree commited on
Commit
ac2f7f2
β€’
1 Parent(s): b3cddd7

Update app.css

Browse files
Files changed (1) hide show
  1. app.css +11 -109
app.css CHANGED
@@ -17,12 +17,6 @@
17
  --neutral-400: #ced4da;
18
  }
19
 
20
- /* μ „μ—­ 높이 μ œμ–΄ */
21
- html, body {
22
- overflow-y: auto !important;
23
- max-height: 100vh !important;
24
- }
25
-
26
  body {
27
  font-family: 'Inter', system-ui, sans-serif;
28
  background: var(--background);
@@ -30,112 +24,34 @@ body {
30
  line-height: 1.5;
31
  }
32
 
33
- /* ν”„λ‘¬ν”„νŠΈ μž…λ ₯μ°½ κ°•μ œ 높이 μ„€μ • */
34
- .ant-input-textarea-large textarea,
35
- .ant-input-textarea textarea,
36
- #component-0 textarea,
37
- textarea,
38
- .ant-input textarea,
39
- div[class*="ant-input"] textarea,
40
- [class*="textbox"] textarea {
41
  height: 300px !important;
42
- min-height: 300px !important;
43
  max-height: 300px !important;
 
44
  resize: none !important;
45
- overflow-y: auto !important;
46
- display: block !important;
47
  border: 2px solid var(--neutral-200);
48
  border-radius: 12px;
49
  padding: 1rem;
50
  }
51
 
52
- /* μƒŒλ“œλ°•μŠ€ 래퍼 μ„€μ • */
53
- .sandbox-wrapper {
54
- width: 100% !important;
55
- height: 800px !important;
56
- max-height: 800px !important;
57
- overflow: hidden !important;
58
- position: relative !important;
59
- display: block !important;
60
- }
61
-
62
- /* μƒŒλ“œλ°•μŠ€ μ»¨ν…Œμ΄λ„ˆ μ„€μ • */
63
- .sandbox-container {
64
- width: 100% !important;
65
- height: 800px !important;
66
- max-height: 800px !important;
67
- overflow: hidden !important;
68
- position: absolute !important;
69
- top: 0 !important;
70
- left: 0 !important;
71
- right: 0 !important;
72
- bottom: 0 !important;
73
- }
74
-
75
- /* iframe μ„€μ • */
76
- iframe,
77
- .sandbox-container iframe,
78
- .html_content iframe {
79
- width: 100% !important;
80
- height: 800px !important;
81
- min-height: 800px !important;
82
- max-height: 800px !important;
83
- border: none !important;
84
- display: block !important;
85
- position: absolute !important;
86
- top: 0 !important;
87
- left: 0 !important;
88
- right: 0 !important;
89
- bottom: 0 !important;
90
- }
91
-
92
- /* HTML 컨텐츠 μ˜μ—­ μ„€μ • */
93
  .html_content {
94
- width: 100% !important;
95
  height: 800px !important;
96
- min-height: 800px !important;
97
  max-height: 800px !important;
98
- overflow: hidden !important;
99
- position: relative !important;
100
- display: block !important;
101
  border-radius: 12px;
102
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
103
  background: var(--surface);
104
  }
105
 
106
- /* 우츑 νŒ¨λ„ μ„€μ • */
107
- .right_panel {
108
- height: 900px !important;
109
- min-height: 900px !important;
110
- max-height: 900px !important;
111
- overflow: hidden !important;
112
- position: relative !important;
113
- padding-top: 50px;
114
- }
115
-
116
- /* 컨텐츠 μ˜μ—­ μ„€μ • */
117
- .right_content {
118
  height: 800px !important;
119
- min-height: 800px !important;
120
  max-height: 800px !important;
121
- overflow: auto !important;
122
- display: flex;
123
- flex-direction: column;
124
- justify-content: center;
125
- align-items: center;
126
- background: var(--surface);
127
- border-radius: 0 0 8px 8px;
128
- }
129
-
130
- /* λͺ¨λ“  μ»¨ν…Œμ΄λ„ˆ 높이 μ œν•œ */
131
- .gradio-container,
132
- .contain,
133
- .content-wrap,
134
- .content,
135
- [class*="container"],
136
- [class*="content"] {
137
- max-height: 900px !important;
138
- overflow: hidden !important;
139
  }
140
 
141
  .left_header {
@@ -257,11 +173,6 @@ iframe,
257
  }
258
 
259
  /* μŠ€ν¬λ‘€λ°” μ„€μ • */
260
- * {
261
- scrollbar-width: thin;
262
- scrollbar-color: var(--neutral-300) var(--neutral-100);
263
- }
264
-
265
  ::-webkit-scrollbar {
266
  width: 8px;
267
  height: 8px;
@@ -305,9 +216,7 @@ iframe,
305
  }
306
 
307
  /* μž…λ ₯μ°½ 포컀슀 μŠ€νƒ€μΌ */
308
- #component-0 textarea:focus,
309
- .gradio-container textarea:focus,
310
- .ant-input-textarea-large textarea:focus {
311
  border-color: var(--accent);
312
  box-shadow: 0 0 0 3px rgba(102, 163, 255, 0.2);
313
  }
@@ -328,14 +237,12 @@ iframe,
328
  }
329
 
330
  /* λͺ¨λ°”μΌμ—μ„œμ˜ 높이 μ„€μ • */
331
- .ant-input-textarea-large textarea,
332
  .ant-input-textarea textarea {
333
  height: 300px !important;
334
  min-height: 300px !important;
335
  max-height: 300px !important;
336
  }
337
 
338
- .sandbox-container,
339
  .html_content,
340
  iframe {
341
  height: 800px !important;
@@ -346,9 +253,4 @@ iframe,
346
 
347
  footer, .footer, div[class*="footer"], #footer {
348
  display: none !important;
349
- }
350
-
351
- /* 슀크둀 방지 */
352
- .no-scroll {
353
- overflow: hidden !important;
354
  }
 
17
  --neutral-400: #ced4da;
18
  }
19
 
 
 
 
 
 
 
20
  body {
21
  font-family: 'Inter', system-ui, sans-serif;
22
  background: var(--background);
 
24
  line-height: 1.5;
25
  }
26
 
27
+ /* ν”„λ‘¬ν”„νŠΈ μž…λ ₯μ°½ */
28
+ .ant-input-textarea textarea {
 
 
 
 
 
 
29
  height: 300px !important;
 
30
  max-height: 300px !important;
31
+ min-height: 300px !important;
32
  resize: none !important;
 
 
33
  border: 2px solid var(--neutral-200);
34
  border-radius: 12px;
35
  padding: 1rem;
36
  }
37
 
38
+ /* iframe μ»¨ν…Œμ΄λ„ˆ */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
39
  .html_content {
 
40
  height: 800px !important;
 
41
  max-height: 800px !important;
42
+ min-height: 800px !important;
 
 
43
  border-radius: 12px;
44
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
45
  background: var(--surface);
46
  }
47
 
48
+ /* iframe 자체 */
49
+ iframe {
 
 
 
 
 
 
 
 
 
 
50
  height: 800px !important;
 
51
  max-height: 800px !important;
52
+ min-height: 800px !important;
53
+ width: 100% !important;
54
+ border: none !important;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
55
  }
56
 
57
  .left_header {
 
173
  }
174
 
175
  /* μŠ€ν¬λ‘€λ°” μ„€μ • */
 
 
 
 
 
176
  ::-webkit-scrollbar {
177
  width: 8px;
178
  height: 8px;
 
216
  }
217
 
218
  /* μž…λ ₯μ°½ 포컀슀 μŠ€νƒ€μΌ */
219
+ .ant-input-textarea textarea:focus {
 
 
220
  border-color: var(--accent);
221
  box-shadow: 0 0 0 3px rgba(102, 163, 255, 0.2);
222
  }
 
237
  }
238
 
239
  /* λͺ¨λ°”μΌμ—μ„œμ˜ 높이 μ„€μ • */
 
240
  .ant-input-textarea textarea {
241
  height: 300px !important;
242
  min-height: 300px !important;
243
  max-height: 300px !important;
244
  }
245
 
 
246
  .html_content,
247
  iframe {
248
  height: 800px !important;
 
253
 
254
  footer, .footer, div[class*="footer"], #footer {
255
  display: none !important;
 
 
 
 
 
256
  }