Hugging Face's logo

Spaces:
openfree
/
trending-board
Running on CPU Upgrade

App Files Community
1
openfree commited on
Commit
0a1a02f
β€’
1 Parent(s): 18fcdbd

Update app.css

Browse files
Files changed (1) hide show
  1. app.css +100 -94
app.css CHANGED
@@ -77,48 +77,67 @@ body {
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;
 
93
  resize: none !important;
94
- border: 2px solid var(--neutral-200);
95
- border-radius: 12px;
96
- padding: 1rem;
97
- font-size: 14px;
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;
120
  }
121
 
 
 
 
 
 
 
 
 
 
122
  /* iframe μ»¨ν…Œμ΄λ„ˆ */
123
  .html_content {
124
  height: 800px !important;
@@ -306,44 +325,60 @@ iframe {
306
  }
307
 
308
  /* Responsive adjustments */
309
- @media (max-width: 768px) {
310
- .left_header {
311
- padding: 1rem;
312
- }
313
-
314
- .setting-buttons {
315
- flex-wrap: wrap;
316
- }
317
-
318
- .ant-btn {
319
- min-width: 60px;
320
- font-size: 0.9rem;
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,
342
- iframe {
343
- height: 800px !important;
344
- min-height: 800px !important;
345
- max-height: 800px !important;
346
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
347
  }
348
 
349
  footer, .footer, div[class*="footer"], #footer {
@@ -358,33 +393,4 @@ footer, .footer, div[class*="footer"], #footer {
358
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
359
  height: calc(100vh - 100px);
360
  min-height: 800px;
361
- }
362
-
363
- /* λ°˜μ‘ν˜• 높이 μ‘°μ • */
364
- @media screen and (max-height: 900px) {
365
- .right_panel {
366
- height: calc(100vh - 80px);
367
- min-height: 600px;
368
- }
369
- .html_content {
370
- height: calc(100vh - 160px);
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;
389
- }
390
  }
 
77
  box-shadow: inset 0 2px 10px rgba(0,0,0,0.03);
78
  }
79
 
80
+ /* ν”„λ‘¬ν”„νŠΈ μž…λ ₯μ°½ κ°•μ œ μŠ€νƒ€μΌλ§ */
81
+ div[class*="ant-input-textarea"],
82
+ div[class*="ant-input-textarea"] textarea,
83
+ .ant-input-textarea,
84
+ .ant-input-textarea textarea,
85
+ .ant-input-textarea-large,
86
+ .ant-input-textarea-large textarea,
87
+ .ant-input.ant-input-textarea-large,
88
+ .ant-input.ant-input-textarea-large textarea,
89
+ textarea.ant-input,
90
+ .ant-input-textarea .ant-input,
91
+ .ant-input-textarea-large .ant-input,
92
+ #mouse-tab textarea,
93
+ .mouse-tab textarea,
94
+ [class*="textbox"] textarea {
95
  height: 300px !important;
 
96
  min-height: 300px !important;
97
+ max-height: 300px !important;
98
  resize: none !important;
99
+ border: 2px solid var(--neutral-200) !important;
100
+ border-radius: 12px !important;
101
+ padding: 1rem !important;
102
+ font-size: 14px !important;
103
+ line-height: 1.5 !important;
104
+ width: 100% !important;
105
+ box-sizing: border-box !important;
106
+ overflow-y: auto !important;
107
  }
108
 
109
+ /* μž…λ ₯μ°½ μ»¨ν…Œμ΄λ„ˆ κ°•μ œ 높이 */
110
+ div[class*="ant-input-textarea"],
111
+ .ant-input-textarea,
112
+ .ant-input-textarea-large,
113
+ #mouse-tab .input-container,
114
+ .mouse-tab .input-container,
115
+ [class*="textbox"] {
116
  height: 300px !important;
117
  min-height: 300px !important;
118
  max-height: 300px !important;
119
+ margin-bottom: 1rem !important;
120
  }
121
 
122
+ /* Gradio νŠΉμ • μŠ€νƒ€μΌ μ˜€λ²„λΌμ΄λ“œ */
123
+ .gradio-container textarea,
124
+ .gr-text-input,
125
+ textarea.gr-text-input,
126
+ .gr-panel textarea {
127
  height: 300px !important;
128
  min-height: 300px !important;
129
  max-height: 300px !important;
130
  }
131
 
132
+ /* μž…λ ₯μ°½ λΆ€λͺ¨ μš”μ†Œλ“€μ˜ 높이 μ œν•œ ν•΄μ œ */
133
+ .ant-input-textarea-show-count::after,
134
+ .ant-input-textarea-large::after,
135
+ .ant-input-textarea::after {
136
+ height: auto !important;
137
+ min-height: auto !important;
138
+ max-height: none !important;
139
+ }
140
+
141
  /* iframe μ»¨ν…Œμ΄λ„ˆ */
142
  .html_content {
143
  height: 800px !important;
 
325
  }
326
 
327
  /* Responsive adjustments */
328
+ @media (max-width: 768px), screen and (max-height: 900px) {
329
+ .left_header {
330
+ padding: 1rem;
331
+ }
332
+
333
+ .setting-buttons {
334
+ flex-wrap: wrap;
335
+ }
336
+
337
+ .ant-btn {
338
+ min-width: 60px;
339
+ font-size: 0.9rem;
340
+ }
341
+
342
+ /* λͺ¨λ°”μΌμ—μ„œλ„ λ™μΌν•œ 높이 μœ μ§€ */
343
+ div[class*="ant-input-textarea"],
344
+ div[class*="ant-input-textarea"] textarea,
345
+ .ant-input-textarea,
346
+ .ant-input-textarea textarea,
347
+ .ant-input-textarea-large,
348
+ .ant-input-textarea-large textarea,
349
+ .ant-input.ant-input-textarea-large,
350
+ .ant-input.ant-input-textarea-large textarea,
351
+ textarea.ant-input,
352
+ .ant-input-textarea .ant-input,
353
+ .ant-input-textarea-large .ant-input,
354
+ #mouse-tab textarea,
355
+ .mouse-tab textarea,
356
+ [class*="textbox"] textarea,
357
+ .gradio-container textarea,
358
+ .gr-text-input,
359
+ textarea.gr-text-input,
360
+ .gr-panel textarea {
361
+ height: 300px !important;
362
+ min-height: 300px !important;
363
+ max-height: 300px !important;
364
+ }
365
+
366
+ .html_content,
367
+ iframe {
368
+ height: 800px !important;
369
+ min-height: 800px !important;
370
+ max-height: 800px !important;
371
+ }
372
+
373
+ .right_panel {
374
+ height: calc(100vh - 80px);
375
+ min-height: 600px;
376
+ }
377
+
378
+ .html_content {
379
+ height: calc(100vh - 160px);
380
+ min-height: 500px;
381
+ }
382
  }
383
 
384
  footer, .footer, div[class*="footer"], #footer {
 
393
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
394
  height: calc(100vh - 100px);
395
  min-height: 800px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
396
  }