openfree commited on
Commit
16674b2
โ€ข
1 Parent(s): 80e0c67

Create app-backup.css

Browse files
Files changed (1) hide show
  1. app-backup.css +236 -0
app-backup.css ADDED
@@ -0,0 +1,236 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* Modern color scheme */
2
+ :root {
3
+ --primary: #0066cc;
4
+ --secondary: #3385ff;
5
+ --accent: #66a3ff;
6
+ --background: #f7f9fc;
7
+ --surface: #ffffff;
8
+ --text-primary: #2c3e50;
9
+ --text-secondary: #546e7a;
10
+ --text-tertiary: #78909c;
11
+ --success: #34c759;
12
+ --warning: #ff9500;
13
+ --error: #ff3b30;
14
+ --neutral-100: #f8f9fa;
15
+ --neutral-200: #e9ecef;
16
+ --neutral-300: #dee2e6;
17
+ --neutral-400: #ced4da;
18
+ }
19
+
20
+ body {
21
+ font-family: 'Inter', system-ui, sans-serif;
22
+ background: var(--background);
23
+ color: var(--text-primary);
24
+ line-height: 1.5;
25
+ }
26
+
27
+ /* ํ”„๋กฌํ”„ํŠธ ์ž…๋ ฅ์ฐฝ ๋†’์ด ๊ฐ•์ œ ์„ค์ • */
28
+ .ant-input-textarea-large textarea,
29
+ .ant-input-textarea textarea,
30
+ #component-0 textarea,
31
+ textarea {
32
+ height: 300px !important;
33
+ min-height: 300px !important;
34
+ max-height: 300px !important;
35
+ resize: none !important;
36
+ overflow-y: auto !important;
37
+ border: 2px solid var(--neutral-200);
38
+ border-radius: 12px;
39
+ padding: 1rem;
40
+ }
41
+
42
+ /* ์šฐ์ธก ์›น ์ถœ๋ ฅ ํ™”๋ฉด ๋†’์ด ๊ฐ•์ œ ์„ค์ • */
43
+ .html_content,
44
+ .html_content iframe,
45
+ iframe {
46
+ height: 800px !important;
47
+ min-height: 800px !important;
48
+ max-height: 800px !important;
49
+ overflow-y: auto !important;
50
+ border-radius: 12px;
51
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
52
+ background: var(--surface);
53
+ }
54
+
55
+ /* ์šฐ์ธก ํŒจ๋„ ์ „์ฒด ๋†’์ด ์„ค์ • */
56
+ .right_panel {
57
+ position: relative;
58
+ height: 900px !important;
59
+ min-height: 900px !important;
60
+ max-height: 900px !important;
61
+ padding-top: 50px;
62
+ overflow: hidden !important;
63
+ }
64
+
65
+ /* iframe ๋‚ด๋ถ€ ์Šคํฌ๋กค ์„ค์ • */
66
+ .html_content iframe {
67
+ width: 100% !important;
68
+ border: none !important;
69
+ overflow-y: scroll !important;
70
+ display: block !important;
71
+ }
72
+
73
+ .left_header {
74
+ display: flex;
75
+ flex-direction: column;
76
+ justify-content: center;
77
+ align-items: center;
78
+ background: linear-gradient(135deg, var(--surface), var(--neutral-100));
79
+ backdrop-filter: blur(10px);
80
+ border-radius: 24px;
81
+ padding: 2rem;
82
+ box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
83
+ border: 1px solid var(--neutral-200);
84
+ text-align: center;
85
+ margin-bottom: 2rem;
86
+ }
87
+
88
+ .left_header img {
89
+ width: 180px;
90
+ margin-bottom: 1rem;
91
+ border-radius: 12px;
92
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
93
+ }
94
+
95
+ .left_header h1 {
96
+ margin: 0.5rem 0;
97
+ font-weight: 600;
98
+ color: var(--text-primary);
99
+ }
100
+
101
+ .render_header {
102
+ height: 30px;
103
+ width: 100%;
104
+ padding: 5px 16px;
105
+ background-color: var(--neutral-100);
106
+ margin-top: 50px;
107
+ border-radius: 8px 8px 0 0;
108
+ }
109
+
110
+ .header_btn {
111
+ display: inline-block;
112
+ height: 10px;
113
+ width: 10px;
114
+ border-radius: 50%;
115
+ margin-right: 4px;
116
+ }
117
+
118
+ .render_header > .header_btn:nth-child(1) {
119
+ background-color: var(--error);
120
+ }
121
+
122
+ .render_header > .header_btn:nth-child(2) {
123
+ background-color: var(--warning);
124
+ }
125
+
126
+ .render_header > .header_btn:nth-child(3) {
127
+ background-color: var(--success);
128
+ }
129
+
130
+ .setting-buttons {
131
+ position: sticky;
132
+ top: 1rem;
133
+ right: 0;
134
+ z-index: 1000;
135
+ display: flex;
136
+ gap: 8px;
137
+ padding: 12px;
138
+ background: rgba(255, 255, 255, 0.9);
139
+ backdrop-filter: blur(8px);
140
+ border-radius: 12px;
141
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
142
+ border: 1px solid var(--neutral-200);
143
+ }
144
+
145
+ .ant-btn {
146
+ flex: 1;
147
+ min-width: 80px;
148
+ border-radius: 8px;
149
+ font-weight: 500;
150
+ transition: all 0.3s;
151
+ height: 40px;
152
+ display: flex;
153
+ align-items: center;
154
+ justify-content: center;
155
+ }
156
+
157
+ .ant-btn-primary {
158
+ background: linear-gradient(to right, var(--primary), var(--secondary));
159
+ border: none;
160
+ color: white;
161
+ }
162
+
163
+ .ant-btn-default {
164
+ background: var(--surface);
165
+ border: 1px solid var(--primary);
166
+ color: var(--primary);
167
+ }
168
+
169
+ .ant-btn-default[title="Code ์‹คํ–‰"] {
170
+ background-color: var(--success);
171
+ color: white;
172
+ border: none;
173
+ }
174
+
175
+ /* Custom scrollbar */
176
+ ::-webkit-scrollbar {
177
+ width: 8px;
178
+ height: 8px;
179
+ }
180
+
181
+ ::-webkit-scrollbar-track {
182
+ background: var(--neutral-100);
183
+ }
184
+
185
+ ::-webkit-scrollbar-thumb {
186
+ background: var(--neutral-300);
187
+ border-radius: 4px;
188
+ }
189
+
190
+ ::-webkit-scrollbar-thumb:hover {
191
+ background: var(--neutral-400);
192
+ }
193
+
194
+ /* Drawer customization */
195
+ .ant-drawer-content-wrapper {
196
+ border-radius: 16px 0 0 16px;
197
+ }
198
+
199
+ .ant-drawer-header {
200
+ background: var(--primary);
201
+ color: white;
202
+ border-radius: 16px 0 0 0;
203
+ }
204
+
205
+ .ant-drawer-title {
206
+ color: white;
207
+ font-weight: 500;
208
+ }
209
+
210
+ .ant-drawer-close {
211
+ color: white;
212
+ }
213
+
214
+ .ant-drawer-body {
215
+ background: var(--surface);
216
+ }
217
+
218
+ /* Responsive adjustments */
219
+ @media (max-width: 768px) {
220
+ .left_header {
221
+ padding: 1rem;
222
+ }
223
+
224
+ .setting-buttons {
225
+ flex-wrap: wrap;
226
+ }
227
+
228
+ .ant-btn {
229
+ min-width: 60px;
230
+ font-size: 0.9rem;
231
+ }
232
+ }
233
+
234
+ footer, .footer, div[class*="footer"], #footer {
235
+ display: none !important;
236
+ }