@@ -12,17 +12,20 @@ div.main-url {
12
12
line-break : loose;
13
13
word-break : break-all;
14
14
}
15
- button .extra-info .btn {
15
+
16
+ button .extra-info .btn {
16
17
position : fixed;
17
18
bottom : 10px ;
18
19
left : 10px ;
19
20
border-radius : 30px ;
20
21
}
22
+
21
23
button .extra-info .btn : focus {
22
24
border-width : 0px ;
23
25
box-shadow : none;
24
26
outline : 0 ;
25
27
}
28
+
26
29
.request-card > code , .popover-content {
27
30
word-break : break-all;
28
31
}
@@ -31,7 +34,8 @@ body .media h1.media-heading {
31
34
margin-top : 20px ;
32
35
margin-bottom : 10px ;
33
36
}
34
- body .media h1 .media-heading .form-control {
37
+
38
+ body .media h1 .media-heading .form-control {
35
39
display : flex;
36
40
width : auto;
37
41
float : right;
@@ -95,22 +99,6 @@ body .col-md-10 h3:first-child {
95
99
line-height : 22px ;
96
100
}
97
101
98
- .POST : not (.structure ) > .card-header , span .POST {
99
- background : # 62c462 ;
100
- }
101
-
102
- .GET : not (.structure ) > .card-header , span .GET {
103
- background : # 5bc0de ;
104
- }
105
-
106
- .DELETE : not (.structure ) > .card-header , span .DELETE {
107
- background : # ee5f5b ;
108
- }
109
-
110
- .PUT : not (.structure ) > .card-header , span .PUT {
111
- background : # f89406 ;
112
- }
113
-
114
102
.example-value {
115
103
color : rgba (0 , 0 , 0 , 0.4 );
116
104
text-align : right;
@@ -145,17 +133,66 @@ a.code {
145
133
position : absolute;
146
134
top : 15px ;
147
135
}
136
+
148
137
.curl .btn {
149
138
right : 15px ;
150
139
border-top-left-radius : 0px ;
151
140
border-bottom-left-radius : 0px
152
141
}
142
+
153
143
.hurl .btn {
154
144
right : 54px ;
155
145
border-top-right-radius : 0px ;
156
146
border-bottom-right-radius : 0px
157
147
}
158
148
159
- /*h5.response-body, h4.request {
160
- cursor: pointer;
161
- }*/
149
+ body {
150
+ --put-color : rgb (248 , 148 , 6 );
151
+ --post-color : rgb (98 , 196 , 98 );
152
+ --get-color : rgb (91 , 192 , 222 );
153
+ --delete-color : rgb (238 , 95 , 91 );
154
+ --head-color : rgb (222 , 121 , 91 );
155
+ --patch-color : rgb (196 , 98 , 196 );
156
+ }
157
+
158
+ .PUT : not (.structure ) > .card-header {
159
+ background : var (--put-color );
160
+ }
161
+ span .PUT {
162
+ color : var (--put-color );
163
+ }
164
+
165
+ .POST : not (.structure ) > .card-header {
166
+ background : var (--post-color );
167
+ }
168
+ span .POST {
169
+ color : var (--post-color );
170
+ }
171
+
172
+ .GET : not (.structure ) > .card-header {
173
+ background : var (--get-color );
174
+ }
175
+ span .GET {
176
+ color : var (--get-color );
177
+ }
178
+
179
+ .DELETE : not (.structure ) > .card-header {
180
+ background : var (--delete-color );
181
+ }
182
+ span .DELETE {
183
+ color : var (--delete-color );
184
+ }
185
+
186
+ .HEAD : not (.structure ) > .card-header {
187
+ background : var (--head-color );
188
+ }
189
+ span .HEAD {
190
+ color : var (--head-color );
191
+ }
192
+
193
+ .PATCH : not (.structure ) > .card-header {
194
+ background : var (--patch-color );
195
+ }
196
+ span .PATCH {
197
+ color : var (--patch-color );
198
+ }
0 commit comments