Hugging Face's logo

Spaces:
VIDraft
/
mouse-webgen
Paused

App Files Community
4
seawolf2357 commited on
Commit
f250e05
·
verified ·
1 Parent(s): e724b45

Create app_css-backup1.css

Browse files
Files changed (1) hide show
  1. app_css-backup1.css +145 -0
app_css-backup1.css ADDED
@@ -0,0 +1,145 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .left_header {
2
+ display: flex;
3
+ flex-direction: column;
4
+ justify-content: center;
5
+ align-items: center;
6
+ }
7
+
8
+ .render_header {
9
+ height: 30px;
10
+ width: 100%;
11
+ padding: 5px 16px;
12
+ background-color: #f5f5f5;
13
+ }
14
+
15
+ .header_btn {
16
+ display: inline-block;
17
+ height: 10px;
18
+ width: 10px;
19
+ border-radius: 50%;
20
+ margin-right: 4px;
21
+ }
22
+
23
+ .render_header > .header_btn:nth-child(1) {
24
+ background-color: #f5222d;
25
+ }
26
+
27
+ .render_header > .header_btn:nth-child(2) {
28
+ background-color: #faad14;
29
+ }
30
+
31
+ .render_header > .header_btn:nth-child(3) {
32
+ background-color: #52c41a;
33
+ }
34
+
35
+ .right_content {
36
+ height: 920px;
37
+ display: flex;
38
+ flex-direction: column;
39
+ justify-content: center;
40
+ align-items: center;
41
+ }
42
+
43
+ .history_chatbot button {
44
+ background: none;
45
+ border: none;
46
+ }
47
+
48
+ /* Footer 숨기기 */
49
+ footer, .footer, div[class*="footer"], #footer {
50
+ display: none !important;
51
+ visibility: hidden !important;
52
+ height: 0 !important;
53
+ padding: 0 !important;
54
+ margin: 0 !important;
55
+ }
56
+
57
+ /* 새로운 Textarea 선택자 */
58
+ #component-0 textarea,
59
+ .gradio-container textarea,
60
+ .ant-input-textarea-large textarea {
61
+ height: 300px !important;
62
+ min-height: 300px !important;
63
+ max-height: none !important;
64
+ resize: vertical !important;
65
+ }
66
+
67
+ /* textarea의 부모 컨테이너도 함께 조정 */
68
+ #component-0 .ant-input-textarea,
69
+ .gradio-container .ant-input-textarea,
70
+ .ant-input-textarea-large {
71
+ height: auto !important;
72
+ min-height: 300px !important;
73
+ }
74
+
75
+ /* Setting 버튼 컨테이너 */
76
+ .setting-buttons-container {
77
+ position: absolute;
78
+ top: 10px;
79
+ right: 10px;
80
+ z-index: 1000;
81
+ padding: 10px;
82
+ }
83
+
84
+ /* Examples 섹션 */
85
+ .examples-container {
86
+ margin-top: 24px;
87
+ padding: 0 24px;
88
+ width: 100%;
89
+ }
90
+
91
+ .right_panel {
92
+ position: relative;
93
+ min-height: 600px;
94
+ }
95
+
96
+ .html_content {
97
+ height: 100%;
98
+ }
99
+
100
+ /* 반응형 그리드를 위한 미디어 쿼리 */
101
+ @media (max-width: 768px) {
102
+ .examples-container .ant-col {
103
+ flex: 0 0 100%;
104
+ max-width: 100%;
105
+ }
106
+ }
107
+
108
+ @media (min-width: 769px) and (max-width: 1200px) {
109
+ .examples-container .ant-col {
110
+ flex: 0 0 50%;
111
+ max-width: 50%;
112
+ }
113
+ }
114
+
115
+ @media (min-width: 1201px) {
116
+ .examples-container .ant-col {
117
+ flex: 0 0 33.333333%;
118
+ max-width: 33.333333%;
119
+ }
120
+ }
121
+
122
+ /* Examples 카드 스타일링 */
123
+ .examples-container .ant-card {
124
+ margin-bottom: 16px;
125
+ height: 100%;
126
+ }
127
+
128
+ .examples-container .ant-card-meta {
129
+ padding: 12px;
130
+ }
131
+
132
+ /* Setting 버튼 스타일링 */
133
+ .setting-buttons-container .ant-btn {
134
+ margin-left: 8px;
135
+ }
136
+
137
+ /* 전체 레이아웃 조정 */
138
+ .ant-row {
139
+ margin-right: 0 !important;
140
+ margin-left: 0 !important;
141
+ }
142
+
143
+ .main-content {
144
+ margin-bottom: 24px;
145
+ }