whistle.mock-plugins 1.1.2-dev.2 → 1.1.3-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,279 +0,0 @@
1
- .url-redirect-container {
2
- height: 100%;
3
- }
4
-
5
- .page-header {
6
- display: flex;
7
- justify-content: space-between;
8
- align-items: center;
9
- margin-bottom: 16px;
10
- }
11
-
12
- .page-header h1 {
13
- font-size: 20px;
14
- font-weight: 600;
15
- color: #262626;
16
- margin: 0;
17
- }
18
-
19
- .add-button {
20
- background-color: #1890ff;
21
- color: white;
22
- border: none;
23
- border-radius: 4px;
24
- padding: 0 16px;
25
- height: 32px;
26
- cursor: pointer;
27
- font-size: 14px;
28
- display: flex;
29
- align-items: center;
30
- }
31
-
32
- .add-button:hover {
33
- background-color: #40a9ff;
34
- }
35
-
36
- .redirect-list-container {
37
- background-color: white;
38
- border-radius: 4px;
39
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
40
- overflow: hidden;
41
- }
42
-
43
- .redirect-table {
44
- width: 100%;
45
- border-collapse: collapse;
46
- }
47
-
48
- .redirect-table th,
49
- .redirect-table td {
50
- padding: 12px 16px;
51
- text-align: left;
52
- border-bottom: 1px solid #f0f0f0;
53
- }
54
-
55
- .redirect-table th {
56
- background-color: #fafafa;
57
- color: #8c8c8c;
58
- font-weight: 500;
59
- font-size: 14px;
60
- }
61
-
62
- .redirect-table tr:hover {
63
- background-color: #fafafa;
64
- }
65
-
66
- .redirect-table tr.inactive {
67
- color: #a6a6a6;
68
- background-color: #f9f9f9;
69
- }
70
-
71
- .url-text {
72
- font-family: monospace;
73
- word-break: break-all;
74
- }
75
-
76
- .action-buttons {
77
- display: flex;
78
- gap: 8px;
79
- }
80
-
81
- .edit-button,
82
- .delete-button {
83
- border: none;
84
- border-radius: 4px;
85
- padding: 4px 8px;
86
- cursor: pointer;
87
- font-size: 12px;
88
- }
89
-
90
- .edit-button {
91
- background-color: #e6f7ff;
92
- color: #1890ff;
93
- }
94
-
95
- .edit-button:hover {
96
- background-color: #bae7ff;
97
- }
98
-
99
- .delete-button {
100
- background-color: #fff1f0;
101
- color: #f5222d;
102
- }
103
-
104
- .delete-button:hover {
105
- background-color: #ffccc7;
106
- }
107
-
108
- /* 切换开关样式 */
109
- .switch {
110
- position: relative;
111
- display: inline-block;
112
- width: 36px;
113
- height: 20px;
114
- }
115
-
116
- .switch input {
117
- opacity: 0;
118
- width: 0;
119
- height: 0;
120
- }
121
-
122
- .slider {
123
- position: absolute;
124
- cursor: pointer;
125
- top: 0;
126
- left: 0;
127
- right: 0;
128
- bottom: 0;
129
- background-color: #ccc;
130
- transition: .4s;
131
- border-radius: 20px;
132
- }
133
-
134
- .slider:before {
135
- position: absolute;
136
- content: "";
137
- height: 16px;
138
- width: 16px;
139
- left: 2px;
140
- bottom: 2px;
141
- background-color: white;
142
- transition: .4s;
143
- border-radius: 50%;
144
- }
145
-
146
- input:checked + .slider {
147
- background-color: #1890ff;
148
- }
149
-
150
- input:checked + .slider:before {
151
- transform: translateX(16px);
152
- }
153
-
154
- /* 空数据样式 */
155
- .empty-data {
156
- display: flex;
157
- flex-direction: column;
158
- align-items: center;
159
- justify-content: center;
160
- padding: 60px 0;
161
- color: #8c8c8c;
162
- }
163
-
164
- .empty-icon {
165
- font-size: 48px;
166
- margin-bottom: 16px;
167
- color: #d9d9d9;
168
- }
169
-
170
- .empty-text {
171
- font-size: 16px;
172
- margin-bottom: 24px;
173
- color: #8c8c8c;
174
- }
175
-
176
- /* 模态框样式 */
177
- .modal-overlay {
178
- position: fixed;
179
- top: 0;
180
- left: 0;
181
- right: 0;
182
- bottom: 0;
183
- background-color: rgba(0, 0, 0, 0.5);
184
- display: flex;
185
- align-items: center;
186
- justify-content: center;
187
- z-index: 1000;
188
- }
189
-
190
- .modal {
191
- background-color: white;
192
- border-radius: 4px;
193
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
194
- width: 500px;
195
- max-width: 90%;
196
- max-height: 90vh;
197
- overflow-y: auto;
198
- }
199
-
200
- .modal-header {
201
- display: flex;
202
- justify-content: space-between;
203
- align-items: center;
204
- padding: 16px;
205
- border-bottom: 1px solid #f0f0f0;
206
- }
207
-
208
- .modal-header h2 {
209
- margin: 0;
210
- font-size: 16px;
211
- font-weight: 600;
212
- color: #262626;
213
- }
214
-
215
- .close-button {
216
- background: none;
217
- border: none;
218
- font-size: 20px;
219
- color: #8c8c8c;
220
- cursor: pointer;
221
- }
222
-
223
- .redirect-form {
224
- padding: 16px;
225
- }
226
-
227
- .form-group {
228
- margin-bottom: 16px;
229
- }
230
-
231
- .form-group label {
232
- display: block;
233
- margin-bottom: 8px;
234
- font-weight: 500;
235
- color: #262626;
236
- }
237
-
238
- .form-group input {
239
- width: 100%;
240
- height: 32px;
241
- padding: 0 12px;
242
- border: 1px solid #d9d9d9;
243
- border-radius: 4px;
244
- font-size: 14px;
245
- }
246
-
247
- .help-text {
248
- font-size: 12px;
249
- color: #8c8c8c;
250
- margin-top: 4px;
251
- }
252
-
253
- .form-actions {
254
- display: flex;
255
- justify-content: flex-end;
256
- gap: 8px;
257
- margin-top: 24px;
258
- }
259
-
260
- .cancel-button {
261
- height: 32px;
262
- padding: 0 16px;
263
- background-color: white;
264
- border: 1px solid #d9d9d9;
265
- border-radius: 4px;
266
- cursor: pointer;
267
- font-size: 14px;
268
- }
269
-
270
- .submit-button {
271
- height: 32px;
272
- padding: 0 16px;
273
- background-color: #1890ff;
274
- color: white;
275
- border: none;
276
- border-radius: 4px;
277
- cursor: pointer;
278
- font-size: 14px;
279
- }
@@ -1,282 +0,0 @@
1
- .welcome-container {
2
- height: 100%;
3
- padding: 0 0 20px 0;
4
- overflow-y: auto;
5
- }
6
-
7
- .welcome-header {
8
- margin-bottom: 24px;
9
- }
10
-
11
- .welcome-header h1 {
12
- font-size: 24px;
13
- font-weight: 600;
14
- color: #262626;
15
- margin: 0 0 8px 0;
16
- }
17
-
18
- .welcome-header p {
19
- font-size: 16px;
20
- color: #595959;
21
- margin: 0;
22
- }
23
-
24
- .cards-container {
25
- display: grid;
26
- grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
27
- gap: 20px;
28
- margin-bottom: 24px;
29
- }
30
-
31
- .card {
32
- background-color: white;
33
- border-radius: 4px;
34
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
35
- overflow: hidden;
36
- height: 100%;
37
- display: flex;
38
- flex-direction: column;
39
- }
40
-
41
- .card-header {
42
- display: flex;
43
- align-items: center;
44
- padding: 16px;
45
- border-bottom: 1px solid #f0f0f0;
46
- }
47
-
48
- .card-icon {
49
- width: 36px;
50
- height: 36px;
51
- border-radius: 50%;
52
- background-color: #e6f7ff;
53
- color: #1890ff;
54
- display: flex;
55
- align-items: center;
56
- justify-content: center;
57
- font-size: 20px;
58
- margin-right: 12px;
59
- }
60
-
61
- .stats-card .card-icon {
62
- background-color: #e6f7ff;
63
- color: #1890ff;
64
- }
65
-
66
- .quickstart-card .card-icon {
67
- background-color: #f6ffed;
68
- color: #52c41a;
69
- }
70
-
71
- .usage-card .card-icon {
72
- background-color: #f0f5ff;
73
- color: #597ef7;
74
- }
75
-
76
- .card-header h2 {
77
- font-size: 16px;
78
- font-weight: 600;
79
- color: #262626;
80
- margin: 0;
81
- }
82
-
83
- .card-content {
84
- padding: 16px;
85
- flex: 1;
86
- }
87
-
88
- /* 统计卡片样式 */
89
- .stat-item {
90
- display: flex;
91
- flex-direction: column;
92
- align-items: center;
93
- text-align: center;
94
- margin-bottom: 16px;
95
- }
96
-
97
- .stats-card .card-content {
98
- display: grid;
99
- grid-template-columns: repeat(2, 1fr);
100
- gap: 16px;
101
- }
102
-
103
- .stat-value {
104
- font-size: 24px;
105
- font-weight: 600;
106
- color: #262626;
107
- margin-bottom: 4px;
108
- }
109
-
110
- .stat-label {
111
- font-size: 14px;
112
- color: #8c8c8c;
113
- }
114
-
115
- /* 快速开始卡片样式 */
116
- .steps {
117
- margin-bottom: 20px;
118
- }
119
-
120
- .step {
121
- display: flex;
122
- margin-bottom: 16px;
123
- }
124
-
125
- .step:last-child {
126
- margin-bottom: 0;
127
- }
128
-
129
- .step-number {
130
- width: 24px;
131
- height: 24px;
132
- border-radius: 50%;
133
- background-color: #1890ff;
134
- color: white;
135
- display: flex;
136
- align-items: center;
137
- justify-content: center;
138
- font-size: 14px;
139
- margin-right: 12px;
140
- flex-shrink: 0;
141
- }
142
-
143
- .step-content {
144
- flex: 1;
145
- }
146
-
147
- .step-title {
148
- font-weight: 500;
149
- color: #262626;
150
- margin-bottom: 4px;
151
- }
152
-
153
- .step-desc {
154
- font-size: 14px;
155
- color: #595959;
156
- }
157
-
158
- .quickstart-actions {
159
- margin-top: auto;
160
- text-align: center;
161
- }
162
-
163
- .quickstart-button {
164
- background-color: #1890ff;
165
- color: white;
166
- border: none;
167
- border-radius: 4px;
168
- padding: 0 16px;
169
- height: 32px;
170
- cursor: pointer;
171
- font-size: 14px;
172
- }
173
-
174
- .quickstart-button:hover {
175
- background-color: #40a9ff;
176
- }
177
-
178
- /* 使用说明卡片样式 */
179
- .usage-item {
180
- margin-bottom: 16px;
181
- }
182
-
183
- .usage-item:last-child {
184
- margin-bottom: 0;
185
- }
186
-
187
- .usage-title {
188
- font-weight: 500;
189
- color: #262626;
190
- margin-bottom: 8px;
191
- }
192
-
193
- .usage-desc {
194
- font-size: 14px;
195
- color: #595959;
196
- }
197
-
198
- .code-block {
199
- background-color: #f5f5f5;
200
- padding: 8px 12px;
201
- border-radius: 4px;
202
- margin: 8px 0;
203
- font-family: monospace;
204
- overflow-x: auto;
205
- }
206
-
207
- .usage-list {
208
- margin: 8px 0;
209
- padding-left: 20px;
210
- }
211
-
212
- .usage-list li {
213
- margin-bottom: 4px;
214
- }
215
-
216
- .usage-list code {
217
- background-color: #f5f5f5;
218
- padding: 2px 4px;
219
- border-radius: 2px;
220
- font-family: monospace;
221
- }
222
-
223
- /* 最近活动样式 */
224
- .recent-activities {
225
- background-color: white;
226
- border-radius: 4px;
227
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
228
- overflow: hidden;
229
- }
230
-
231
- .section-header {
232
- padding: 16px;
233
- border-bottom: 1px solid #f0f0f0;
234
- }
235
-
236
- .section-header h2 {
237
- font-size: 16px;
238
- font-weight: 600;
239
- color: #262626;
240
- margin: 0;
241
- }
242
-
243
- .activities-list {
244
- padding: 0 16px;
245
- }
246
-
247
- .activity-item {
248
- display: flex;
249
- align-items: flex-start;
250
- padding: 12px 0;
251
- border-bottom: 1px solid #f0f0f0;
252
- }
253
-
254
- .activity-item:last-child {
255
- border-bottom: none;
256
- }
257
-
258
- .activity-icon {
259
- width: 32px;
260
- height: 32px;
261
- display: flex;
262
- align-items: center;
263
- justify-content: center;
264
- font-size: 18px;
265
- margin-right: 12px;
266
- flex-shrink: 0;
267
- }
268
-
269
- .activity-content {
270
- flex: 1;
271
- }
272
-
273
- .activity-title {
274
- font-size: 14px;
275
- color: #262626;
276
- margin-bottom: 4px;
277
- }
278
-
279
- .activity-time {
280
- font-size: 12px;
281
- color: #8c8c8c;
282
- }