Hugging Face's logo

Spaces:
openfree
/
trending-board-2024
Paused

App Files Community
3
openfree commited on
Commit
1246f3d
Β·
verified Β·
1 Parent(s): bcf4b8a

Update app.css

Browse files
Files changed (1) hide show
  1. app.css +66 -54
app.css CHANGED
@@ -56,96 +56,109 @@ body {
56
  height: 100% !important;
57
  }
58
 
59
- /* ν”„λ‘¬ν”„νŠΈ μž…λ ₯μ°½ κ°•μ œ 높이 μ„€μ • */
60
  .ant-input-textarea-large textarea,
61
  .ant-input-textarea textarea,
62
  #component-0 textarea,
63
  textarea,
64
- .ant-input textarea {
65
- height: 300px !important;
66
- min-height: 300px !important;
67
- max-height: 300px !important;
68
- resize: none !important;
69
- overflow-y: auto !important;
70
- border: 2px solid var(--neutral-200);
71
- border-radius: 12px;
72
- padding: 1rem;
 
73
  }
74
 
75
- /* iframe μ»¨ν…Œμ΄λ„ˆ κ°•μ œ 높이 μ„€μ • */
76
- .html_content,
77
- .html_content > div {
78
- height: 800px !important;
79
- min-height: 800px !important;
80
- max-height: 800px !important;
81
- overflow: hidden !important;
82
- border-radius: 12px;
83
- box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
84
- background: var(--surface);
85
  }
86
 
87
- /* iframe 자체 κ°•μ œ 높이 μ„€μ • */
 
88
  .html_content iframe,
89
  iframe {
90
- height: 800px !important;
91
- min-height: 800px !important;
92
- max-height: 800px !important;
93
- width: 100% !important;
94
- border: none !important;
95
- overflow: auto !important;
 
 
 
96
  }
97
 
98
- /* 우츑 νŒ¨λ„ κ°•μ œ 높이 μ„€μ • */
99
  .right_panel {
100
- position: relative;
101
- height: 900px !important;
102
- min-height: 900px !important;
103
- max-height: 900px !important;
104
- padding-top: 50px;
105
- overflow: hidden !important;
 
 
 
 
 
 
 
 
 
 
 
 
106
  }
107
 
108
  /* 컨텐츠 μ˜μ—­ κ°•μ œ 높이 μ„€μ • */
109
  .right_content {
110
- height: 800px !important;
111
- min-height: 800px !important;
112
- max-height: 800px !important;
113
- overflow: auto !important;
114
- display: flex;
115
- flex-direction: column;
116
- justify-content: center;
117
- align-items: center;
118
- background: var(--surface);
119
- border-radius: 0 0 8px 8px;
120
  }
121
 
122
  /* νƒ­ 컨텐츠 μ˜μ—­ 높이 μ‘°μ • */
123
  .ant-tabs-content {
124
- height: 100% !important;
125
  }
126
 
127
  .ant-tabs-tabpane {
128
- height: 100% !important;
129
  }
130
 
131
- /* λͺ¨λ“  κ°€λŠ₯ν•œ μ»¨ν…Œμ΄λ„ˆμ— λŒ€ν•œ 높이 μ œν•œ */
132
  .gradio-container,
133
  .contain,
134
  .contain > div,
135
  .content-wrap,
136
  .content {
137
- max-height: 900px !important;
138
- overflow: hidden !important;
139
  }
140
 
141
  /* 좔가적인 λ ˆμ΄μ•„μ›ƒ μ•ˆμ •μ„±μ„ μœ„ν•œ μŠ€νƒ€μΌ */
142
  .ms-application {
143
- height: 100% !important;
144
- min-height: 100vh !important;
145
  }
146
 
147
  .ant-config-provider {
148
- height: 100% !important;
149
  }
150
 
151
  .left_header {
@@ -345,11 +358,10 @@ iframe {
345
  max-height: 300px !important;
346
  }
347
 
 
348
  .html_content,
349
- .html_content iframe,
350
  iframe {
351
  height: 800px !important;
352
- min-height: 800px !important;
353
  max-height: 800px !important;
354
  }
355
  }
 
56
  height: 100% !important;
57
  }
58
 
59
+ /* ν”„λ‘¬ν”„νŠΈ μž…λ ₯μ°½ 높이 κ°•μ œ μ„€μ • */
60
  .ant-input-textarea-large textarea,
61
  .ant-input-textarea textarea,
62
  #component-0 textarea,
63
  textarea,
64
+ .ant-input textarea,
65
+ div[class*="ant-input"] textarea {
66
+ height: 300px !important;
67
+ min-height: 300px !important;
68
+ max-height: 300px !important;
69
+ resize: none !important;
70
+ overflow-y: auto !important;
71
+ border: 2px solid var(--neutral-200);
72
+ border-radius: 12px;
73
+ padding: 1rem;
74
  }
75
 
76
+ /* μƒŒλ“œλ°•μŠ€ μ»¨ν…Œμ΄λ„ˆ μ„€μ • */
77
+ .sandbox-container {
78
+ height: 800px !important;
79
+ max-height: 800px !important;
80
+ overflow: hidden !important;
81
+ position: relative !important;
 
 
 
 
82
  }
83
 
84
+ /* iframe μ„€μ • */
85
+ .sandbox-container iframe,
86
  .html_content iframe,
87
  iframe {
88
+ width: 100% !important;
89
+ height: 800px !important;
90
+ max-height: 800px !important;
91
+ border: none !important;
92
+ position: absolute !important;
93
+ top: 0 !important;
94
+ left: 0 !important;
95
+ right: 0 !important;
96
+ bottom: 0 !important;
97
  }
98
 
99
+ /* 우츑 νŒ¨λ„ μ„€μ • */
100
  .right_panel {
101
+ height: 900px !important;
102
+ max-height: 900px !important;
103
+ overflow: hidden !important;
104
+ display: flex !important;
105
+ flex-direction: column !important;
106
+ padding-top: 50px;
107
+ }
108
+
109
+ /* HTML 컨텐츠 μ˜μ—­ μ„€μ • */
110
+ .html_content {
111
+ flex: 1 !important;
112
+ height: 800px !important;
113
+ max-height: 800px !important;
114
+ overflow: hidden !important;
115
+ position: relative !important;
116
+ border-radius: 12px;
117
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
118
+ background: var(--surface);
119
  }
120
 
121
  /* 컨텐츠 μ˜μ—­ κ°•μ œ 높이 μ„€μ • */
122
  .right_content {
123
+ height: 800px !important;
124
+ min-height: 800px !important;
125
+ max-height: 800px !important;
126
+ overflow: auto !important;
127
+ display: flex;
128
+ flex-direction: column;
129
+ justify-content: center;
130
+ align-items: center;
131
+ background: var(--surface);
132
+ border-radius: 0 0 8px 8px;
133
  }
134
 
135
  /* νƒ­ 컨텐츠 μ˜μ—­ 높이 μ‘°μ • */
136
  .ant-tabs-content {
137
+ height: 100% !important;
138
  }
139
 
140
  .ant-tabs-tabpane {
141
+ height: 100% !important;
142
  }
143
 
144
+ /* 컨텐츠 슀크둀 방지 */
145
  .gradio-container,
146
  .contain,
147
  .contain > div,
148
  .content-wrap,
149
  .content {
150
+ max-height: 900px !important;
151
+ overflow: hidden !important;
152
  }
153
 
154
  /* 좔가적인 λ ˆμ΄μ•„μ›ƒ μ•ˆμ •μ„±μ„ μœ„ν•œ μŠ€νƒ€μΌ */
155
  .ms-application {
156
+ height: 100% !important;
157
+ min-height: 100vh !important;
158
  }
159
 
160
  .ant-config-provider {
161
+ height: 100% !important;
162
  }
163
 
164
  .left_header {
 
358
  max-height: 300px !important;
359
  }
360
 
361
+ .sandbox-container,
362
  .html_content,
 
363
  iframe {
364
  height: 800px !important;
 
365
  max-height: 800px !important;
366
  }
367
  }