Hugging Face's logo

Spaces:
openfree
/
mouse
Paused

App Files Community
openfree commited on
Commit
18fcdbd
Β·
verified Β·
1 Parent(s): b108e8c

Update app.css

Browse files
Files changed (1) hide show
  1. app.css +53 -14
app.css CHANGED
@@ -76,10 +76,17 @@ body {
76
  padding: 20px;
77
  box-shadow: inset 0 2px 10px rgba(0,0,0,0.03);
78
  }
79
- /* ν”„λ‘¬ν”„νŠΈ μž…λ ₯μ°½ - μˆ˜μ •λœ λΆ€λΆ„ */
80
- .ant-input-textarea textarea,
81
- .ant-input-textarea-large textarea,
82
- .ant-input-textarea.ant-input-textarea-large .ant-input {
 
 
 
 
 
 
 
83
  height: 300px !important;
84
  max-height: 300px !important;
85
  min-height: 300px !important;
@@ -91,9 +98,22 @@ body {
91
  line-height: 1.5;
92
  width: 100%;
93
  box-sizing: border-box;
 
 
 
 
 
 
 
 
 
 
94
  }
95
- /* Gradio μš”μ†Œμ— λŒ€ν•œ μΆ”κ°€ μŠ€νƒ€μΌ */
96
- .gr-text-input {
 
 
 
97
  height: 300px !important;
98
  min-height: 300px !important;
99
  max-height: 300px !important;
@@ -301,10 +321,21 @@ iframe {
301
  }
302
 
303
  /* λͺ¨λ°”μΌμ—μ„œμ˜ 높이 μ„€μ • */
304
- .ant-input-textarea textarea {
305
- height: 300px !important;
306
- min-height: 300px !important;
307
- max-height: 300px !important;
 
 
 
 
 
 
 
 
 
 
 
308
  }
309
 
310
  .html_content,
@@ -329,7 +360,7 @@ footer, .footer, div[class*="footer"], #footer {
329
  min-height: 800px;
330
  }
331
 
332
- /* λ°˜μ‘ν˜• 높이 μ‘°μ • - μˆ˜μ •λœ λΆ€λΆ„ */
333
  @media screen and (max-height: 900px) {
334
  .right_panel {
335
  height: calc(100vh - 80px);
@@ -340,10 +371,18 @@ footer, .footer, div[class*="footer"], #footer {
340
  min-height: 500px;
341
  }
342
  /* λͺ¨λ“  μž…λ ₯μ°½ 높이 톡일 */
343
- .ant-input-textarea textarea,
344
- .ant-input-textarea-large textarea,
 
 
 
 
 
345
  .ant-input-textarea.ant-input-textarea-large .ant-input,
346
- .gr-text-input {
 
 
 
347
  height: 300px !important;
348
  min-height: 300px !important;
349
  max-height: 300px !important;
 
76
  padding: 20px;
77
  box-shadow: inset 0 2px 10px rgba(0,0,0,0.03);
78
  }
79
+
80
+ /* ν”„λ‘¬ν”„νŠΈ μž…λ ₯μ°½ μŠ€νƒ€μΌ - 더 ꡬ체적인 μ„ νƒμž μ‚¬μš© */
81
+ .mouse-tab .ant-input-textarea textarea,
82
+ .mouse-tab .ant-input-textarea-large textarea,
83
+ .mouse-tab .ant-input-textarea.ant-input-textarea-large .ant-input,
84
+ .mouse-tab div[class*="ant-input"],
85
+ #mouse-tab .ant-input-textarea textarea,
86
+ #mouse-tab .ant-input-textarea-large textarea,
87
+ #mouse-tab .ant-input-textarea.ant-input-textarea-large .ant-input,
88
+ .ant-input-textarea.ant-input-textarea-large .ant-input,
89
+ .ant-input-textarea .ant-input {
90
  height: 300px !important;
91
  max-height: 300px !important;
92
  min-height: 300px !important;
 
98
  line-height: 1.5;
99
  width: 100%;
100
  box-sizing: border-box;
101
+ overflow-y: auto;
102
+ }
103
+
104
+ /* Gradio μž…λ ₯창에 λŒ€ν•œ μΆ”κ°€ μŠ€νƒ€μΌ */
105
+ .gradio-container .gr-text-input,
106
+ .gradio-container textarea,
107
+ textarea.gr-text-input {
108
+ height: 300px !important;
109
+ min-height: 300px !important;
110
+ max-height: 300px !important;
111
  }
112
+
113
+ /* μž…λ ₯μ°½ μ»¨ν…Œμ΄λ„ˆμ— λŒ€ν•œ μŠ€νƒ€μΌ */
114
+ .ant-input-textarea,
115
+ .ant-input-textarea-large,
116
+ .input-container {
117
  height: 300px !important;
118
  min-height: 300px !important;
119
  max-height: 300px !important;
 
321
  }
322
 
323
  /* λͺ¨λ°”μΌμ—μ„œμ˜ 높이 μ„€μ • */
324
+ .mouse-tab .ant-input-textarea textarea,
325
+ .mouse-tab .ant-input-textarea-large textarea,
326
+ .mouse-tab .ant-input-textarea.ant-input-textarea-large .ant-input,
327
+ .mouse-tab div[class*="ant-input"],
328
+ #mouse-tab .ant-input-textarea textarea,
329
+ #mouse-tab .ant-input-textarea-large textarea,
330
+ #mouse-tab .ant-input-textarea.ant-input-textarea-large .ant-input,
331
+ .ant-input-textarea.ant-input-textarea-large .ant-input,
332
+ .ant-input-textarea .ant-input,
333
+ .gradio-container .gr-text-input,
334
+ .gradio-container textarea,
335
+ textarea.gr-text-input {
336
+ height: 300px !important;
337
+ min-height: 300px !important;
338
+ max-height: 300px !important;
339
  }
340
 
341
  .html_content,
 
360
  min-height: 800px;
361
  }
362
 
363
+ /* λ°˜μ‘ν˜• 높이 μ‘°μ • */
364
  @media screen and (max-height: 900px) {
365
  .right_panel {
366
  height: calc(100vh - 80px);
 
371
  min-height: 500px;
372
  }
373
  /* λͺ¨λ“  μž…λ ₯μ°½ 높이 톡일 */
374
+ .mouse-tab .ant-input-textarea textarea,
375
+ .mouse-tab .ant-input-textarea-large textarea,
376
+ .mouse-tab .ant-input-textarea.ant-input-textarea-large .ant-input,
377
+ .mouse-tab div[class*="ant-input"],
378
+ #mouse-tab .ant-input-textarea textarea,
379
+ #mouse-tab .ant-input-textarea-large textarea,
380
+ #mouse-tab .ant-input-textarea.ant-input-textarea-large .ant-input,
381
  .ant-input-textarea.ant-input-textarea-large .ant-input,
382
+ .ant-input-textarea .ant-input,
383
+ .gradio-container .gr-text-input,
384
+ .gradio-container textarea,
385
+ textarea.gr-text-input {
386
  height: 300px !important;
387
  min-height: 300px !important;
388
  max-height: 300px !important;