| 1 | .ant-pro-page-container-children-content {
|
| 2 | margin: 24px 24px 0;
|
| 3 | padding: inherit;
|
| 4 | }
|
| 5 | .ant-pro-page-container {
|
| 6 | background-color: inherit;
|
| 7 | }
|
| 8 | .ant-pro-page-container-warp {
|
| 9 | background-color: #fff;
|
| 10 | }
|
| 11 | .ant-pro-page-container-warp .ant-tabs-nav {
|
| 12 | margin: 0;
|
| 13 | }
|
| 14 | .ant-pro-page-container-ghost .ant-pro-page-container-warp {
|
| 15 | background-color: transparent;
|
| 16 | }
|
| 17 | .ant-pro-page-container-ghost .ant-pro-page-container-children-content {
|
| 18 | margin-top: 0;
|
| 19 | }
|
| 20 | .ant-pro-page-container-main .ant-pro-page-container-detail {
|
| 21 | display: flex;
|
| 22 | }
|
| 23 | .ant-pro-page-container-main .ant-pro-page-container-row {
|
| 24 | display: flex;
|
| 25 | width: 100%;
|
| 26 | }
|
| 27 | .ant-pro-page-container-main .ant-pro-page-container-title-content {
|
| 28 | margin-bottom: 16px;
|
| 29 | }
|
| 30 | .ant-pro-page-container-main .ant-pro-page-container-title,
|
| 31 | .ant-pro-page-container-main .ant-pro-page-container-content {
|
| 32 | flex: auto;
|
| 33 | width: 100%;
|
| 34 | }
|
| 35 | .ant-pro-page-container-main .ant-pro-page-container-extraContent,
|
| 36 | .ant-pro-page-container-main .ant-pro-page-container-main {
|
| 37 | flex: 0 1 auto;
|
| 38 | }
|
| 39 | .ant-pro-page-container-main .ant-pro-page-container-main {
|
| 40 | width: 100%;
|
| 41 | }
|
| 42 | .ant-pro-page-container-main .ant-pro-page-container-title {
|
| 43 | margin-bottom: 16px;
|
| 44 | }
|
| 45 | .ant-pro-page-container-main .ant-pro-page-container-logo {
|
| 46 | margin-bottom: 16px;
|
| 47 | }
|
| 48 | .ant-pro-page-container-main .ant-pro-page-container-extraContent {
|
| 49 | min-width: 242px;
|
| 50 | margin-left: 88px;
|
| 51 | text-align: right;
|
| 52 | }
|
| 53 | @media screen and (max-width: 1200px) {
|
| 54 | .ant-pro-page-container-main .ant-pro-page-container-extraContent {
|
| 55 | margin-left: 44px;
|
| 56 | }
|
| 57 | }
|
| 58 | @media screen and (max-width: 992px) {
|
| 59 | .ant-pro-page-container-main .ant-pro-page-container-extraContent {
|
| 60 | margin-left: 20px;
|
| 61 | }
|
| 62 | }
|
| 63 | @media screen and (max-width: 768px) {
|
| 64 | .ant-pro-page-container-main .ant-pro-page-container-row {
|
| 65 | display: block;
|
| 66 | }
|
| 67 | .ant-pro-page-container-main .ant-pro-page-container-action,
|
| 68 | .ant-pro-page-container-main .ant-pro-page-container-extraContent {
|
| 69 | margin-left: 0;
|
| 70 | text-align: left;
|
| 71 | }
|
| 72 | }
|
| 73 | @media screen and (max-width: 576px) {
|
| 74 | .ant-pro-page-container-detail {
|
| 75 | display: block;
|
| 76 | }
|
| 77 | .ant-pro-page-container-extraContent {
|
| 78 | margin-left: 0;
|
| 79 | }
|
| 80 | }
|
| 81 |
|
| 82 | .ant-pro-grid-content {
|
| 83 | width: 100%;
|
| 84 | }
|
| 85 | .ant-pro-grid-content.wide {
|
| 86 | max-width: 1200px;
|
| 87 | margin: 0 auto;
|
| 88 | }
|
| 89 |
|
| 90 | .ant-pro-footer-bar {
|
| 91 | position: fixed;
|
| 92 | right: 0;
|
| 93 | bottom: 0;
|
| 94 | z-index: 99;
|
| 95 | display: flex;
|
| 96 | align-items: center;
|
| 97 | width: 100%;
|
| 98 | padding: 0 24px;
|
| 99 | line-height: 44px;
|
| 100 | background: #fff;
|
| 101 | border-top: 1px solid #f0f0f0;
|
| 102 | box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
|
| 103 | transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
| 104 | }
|
| 105 | .ant-pro-footer-bar-left {
|
| 106 | flex: 1;
|
| 107 | }
|
| 108 | .ant-pro-footer-bar-right > * {
|
| 109 | margin-right: 8px;
|
| 110 | }
|
| 111 | .ant-pro-footer-bar-right > *:last-child {
|
| 112 | margin: 0;
|
| 113 | }
|
| 114 |
|
| 115 | .ant-pro-basicLayout {
|
| 116 | display: flex;
|
| 117 | flex-direction: column;
|
| 118 | width: 100%;
|
| 119 | min-height: 100%;
|
| 120 | }
|
| 121 | .ant-pro-basicLayout .ant-layout-header.ant-pro-fixed-header {
|
| 122 | position: fixed;
|
| 123 | top: 0;
|
| 124 | }
|
| 125 | .ant-pro-basicLayout .ant-layout-header.ant-pro-header-light {
|
| 126 | background: #fff;
|
| 127 | }
|
| 128 | .ant-pro-basicLayout-content {
|
| 129 | position: relative;
|
| 130 | margin: 24px;
|
| 131 | }
|
| 132 | .ant-pro-basicLayout-content .ant-pro-page-container {
|
| 133 | margin: -24px -24px 0;
|
| 134 | }
|
| 135 | .ant-pro-basicLayout-content-disable-margin {
|
| 136 | margin: 0;
|
| 137 | }
|
| 138 | .ant-pro-basicLayout-content-disable-margin .ant-pro-page-container {
|
| 139 | margin: 0;
|
| 140 | }
|
| 141 | .ant-pro-basicLayout-content > .ant-layout {
|
| 142 | max-height: 100%;
|
| 143 | }
|
| 144 | .ant-pro-basicLayout .ant-pro-basicLayout-is-children.ant-pro-basicLayout-fix-siderbar {
|
| 145 | height: 100vh;
|
| 146 | overflow: hidden;
|
| 147 | transform: rotate(0);
|
| 148 | }
|
| 149 | .ant-pro-basicLayout .ant-pro-basicLayout-has-header .tech-page-container {
|
| 150 | height: calc(100vh - 48px);
|
| 151 | }
|
| 152 | .ant-pro-basicLayout .ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-has-header .tech-page-container {
|
| 153 | height: calc(100vh - 48px - 48px);
|
| 154 | }
|
| 155 | .ant-pro-basicLayout .ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children {
|
| 156 | min-height: calc(100vh - 48px);
|
| 157 | }
|
| 158 | .ant-pro-basicLayout .ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-has-header .ant-pro-basicLayout-is-children.ant-pro-basicLayout-fix-siderbar {
|
| 159 | height: calc(100vh - 48px);
|
| 160 | }
|
| 161 |
|
| 162 | .ant-pro-fixed-header {
|
| 163 | z-index: 9;
|
| 164 | width: 100%;
|
| 165 | }
|
| 166 | .ant-pro-fixed-header-action {
|
| 167 | transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
| 168 | }
|
| 169 | .ant-pro-header-realDark {
|
| 170 | box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.65);
|
| 171 | }
|
| 172 |
|
| 173 | .ant-pro-global-header {
|
| 174 | position: relative;
|
| 175 | display: flex;
|
| 176 | align-items: center;
|
| 177 | height: 100%;
|
| 178 | padding: 0 16px;
|
| 179 | background: #fff;
|
| 180 | box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
|
| 181 | }
|
| 182 | .ant-pro-global-header > * {
|
| 183 | height: 100%;
|
| 184 | }
|
| 185 | .ant-pro-global-header-collapsed-button {
|
| 186 | display: flex;
|
| 187 | align-items: center;
|
| 188 | margin-left: 16px;
|
| 189 | font-size: 20px;
|
| 190 | }
|
| 191 | .ant-pro-global-header-layout-mix {
|
| 192 | background-color: #001529;
|
| 193 | }
|
| 194 | .ant-pro-global-header-layout-mix .ant-pro-global-header-logo h1 {
|
| 195 | color: #fff;
|
| 196 | }
|
| 197 | .ant-pro-global-header-layout-mix .anticon {
|
| 198 | color: #fff;
|
| 199 | }
|
| 200 | .ant-pro-global-header-logo {
|
| 201 | position: relative;
|
| 202 | overflow: hidden;
|
| 203 | }
|
| 204 | .ant-pro-global-header-logo a {
|
| 205 | display: flex;
|
| 206 | align-items: center;
|
| 207 | height: 100%;
|
| 208 | }
|
| 209 | .ant-pro-global-header-logo a img {
|
| 210 | height: 28px;
|
| 211 | }
|
| 212 | .ant-pro-global-header-logo a h1 {
|
| 213 | height: 32px;
|
| 214 | margin: 0 0 0 12px;
|
| 215 | color: #1890ff;
|
| 216 | font-weight: 600;
|
| 217 | font-size: 18px;
|
| 218 | line-height: 32px;
|
| 219 | }
|
| 220 | .ant-pro-global-header-logo-rtl a h1 {
|
| 221 | margin: 0 12px 0 0;
|
| 222 | }
|
| 223 | .ant-pro-global-header-menu .anticon {
|
| 224 | margin-right: 8px;
|
| 225 | }
|
| 226 | .ant-pro-global-header-menu .ant-dropdown-menu-item {
|
| 227 | min-width: 160px;
|
| 228 | }
|
| 229 | .ant-pro-global-header .dark {
|
| 230 | height: 48px;
|
| 231 | }
|
| 232 | .ant-pro-global-header .dark .action {
|
| 233 | color: rgba(255, 255, 255, 0.85);
|
| 234 | }
|
| 235 | .ant-pro-global-header .dark .action > i {
|
| 236 | color: rgba(255, 255, 255, 0.85);
|
| 237 | }
|
| 238 | .ant-pro-global-header .dark .action:hover,
|
| 239 | .ant-pro-global-header .dark .action.opened {
|
| 240 | background: #1890ff;
|
| 241 | }
|
| 242 | .ant-pro-global-header .dark .action .ant-badge {
|
| 243 | color: rgba(255, 255, 255, 0.85);
|
| 244 | }
|
| 245 |
|
| 246 | .ant-pro-sider {
|
| 247 | position: relative;
|
| 248 | background-color: #001529;
|
| 249 | border-right: 0;
|
| 250 | }
|
| 251 | .ant-pro-sider .ant-menu {
|
| 252 | background: transparent;
|
| 253 | }
|
| 254 | .ant-pro-sider.ant-layout-sider-light .ant-menu-item a {
|
| 255 | color: rgba(0, 0, 0, 0.85);
|
| 256 | }
|
| 257 | .ant-pro-sider.ant-layout-sider-light .ant-menu-item-selected a,
|
| 258 | .ant-pro-sider.ant-layout-sider-light .ant-menu-item a:hover {
|
| 259 | color: #1890ff;
|
| 260 | }
|
| 261 | .ant-pro-sider-logo {
|
| 262 | position: relative;
|
| 263 | display: flex;
|
| 264 | align-items: center;
|
| 265 | padding: 16px 16px;
|
| 266 | cursor: pointer;
|
| 267 | transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
| 268 | }
|
| 269 | .ant-pro-sider-logo > a {
|
| 270 | display: flex;
|
| 271 | align-items: center;
|
| 272 | justify-content: center;
|
| 273 | min-height: 32px;
|
| 274 | }
|
| 275 | .ant-pro-sider-logo img {
|
| 276 | display: inline-block;
|
| 277 | height: 32px;
|
| 278 | vertical-align: middle;
|
| 279 | }
|
| 280 | .ant-pro-sider-logo h1 {
|
| 281 | display: inline-block;
|
| 282 | height: 32px;
|
| 283 | margin: 0 0 0 12px;
|
| 284 | color: white;
|
| 285 | font-weight: 600;
|
| 286 | font-size: 18px;
|
| 287 | line-height: 32px;
|
| 288 | vertical-align: middle;
|
| 289 | animation: pro-layout-title-hide 0.3s;
|
| 290 | }
|
| 291 | .ant-pro-sider-extra {
|
| 292 | margin-bottom: 16px;
|
| 293 | padding: 0 16px;
|
| 294 | }
|
| 295 | .ant-pro-sider-extra-no-logo {
|
| 296 | margin-top: 16px;
|
| 297 | }
|
| 298 | .ant-pro-sider-menu {
|
| 299 | position: relative;
|
| 300 | z-index: 10;
|
| 301 | min-height: 100%;
|
| 302 | box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
|
| 303 | }
|
| 304 | .ant-pro-sider .ant-layout-sider-children {
|
| 305 | display: flex;
|
| 306 | flex-direction: column;
|
| 307 | height: 100%;
|
| 308 |
|
| 309 | }
|
| 310 | .ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar {
|
| 311 | width: 6px;
|
| 312 | height: 6px;
|
| 313 | }
|
| 314 | .ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar-track {
|
| 315 | background: rgba(255, 255, 255, 0.15);
|
| 316 | border-radius: 3px;
|
| 317 | box-shadow: inset 0 0 5px rgba(37, 37, 37, 0.05);
|
| 318 | }
|
| 319 | .ant-pro-sider .ant-layout-sider-children ::-webkit-scrollbar-thumb {
|
| 320 | background: rgba(255, 255, 255, 0.2);
|
| 321 | border-radius: 3px;
|
| 322 | box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.05);
|
| 323 | }
|
| 324 | .ant-pro-sider.ant-layout-sider-collapsed .ant-menu-inline-collapsed {
|
| 325 | width: 48px;
|
| 326 | }
|
| 327 | .ant-pro-sider.ant-layout-sider-collapsed .ant-pro-sider-logo {
|
| 328 | padding: 16px 8px;
|
| 329 | }
|
| 330 | .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
|
| 331 | position: fixed;
|
| 332 | top: 0;
|
| 333 | left: 0;
|
| 334 | z-index: 100;
|
| 335 | height: 100%;
|
| 336 | overflow: auto;
|
| 337 | overflow-x: hidden;
|
| 338 | box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
|
| 339 | }
|
| 340 | .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed > .ant-menu-root :not(.ant-pro-sider-link-menu) {
|
| 341 | height: calc(100vh - 48px);
|
| 342 | overflow-y: auto;
|
| 343 | }
|
| 344 | .ant-pro-sider-light {
|
| 345 | background-color: #fff;
|
| 346 | box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
|
| 347 | }
|
| 348 | .ant-pro-sider-light .ant-layout-sider-children {
|
| 349 |
|
| 350 | }
|
| 351 | .ant-pro-sider-light .ant-layout-sider-children ::-webkit-scrollbar-track {
|
| 352 | background: rgba(0, 0, 0, 0.06);
|
| 353 | border-radius: 3px;
|
| 354 | box-shadow: inset 0 0 5px rgba(0, 21, 41, 0.05);
|
| 355 | }
|
| 356 | .ant-pro-sider-light .ant-layout-sider-children ::-webkit-scrollbar-thumb {
|
| 357 | background: rgba(0, 0, 0, 0.12);
|
| 358 | border-radius: 3px;
|
| 359 | box-shadow: inset 0 0 5px rgba(0, 21, 41, 0.05);
|
| 360 | }
|
| 361 | .ant-pro-sider-light .ant-pro-sider-logo h1 {
|
| 362 | color: #1890ff;
|
| 363 | }
|
| 364 | .ant-pro-sider-light .ant-menu-light {
|
| 365 | border-right-color: transparent;
|
| 366 | }
|
| 367 | .ant-pro-sider-light .ant-pro-sider-collapsed-button {
|
| 368 | border-top: 1px solid #f0f0f0;
|
| 369 | }
|
| 370 | .ant-pro-sider-icon {
|
| 371 | width: 14px;
|
| 372 | vertical-align: baseline;
|
| 373 | }
|
| 374 | .ant-pro-sider-links {
|
| 375 | width: 100%;
|
| 376 | }
|
| 377 | .ant-pro-sider-links ul.ant-menu-root {
|
| 378 | height: auto;
|
| 379 | }
|
| 380 | .ant-pro-sider-collapsed-button {
|
| 381 | border-top: 1px solid rgba(0, 0, 0, 0.25);
|
| 382 | }
|
| 383 | .ant-pro-sider-collapsed-button .anticon {
|
| 384 | font-size: 16px;
|
| 385 | }
|
| 386 | .ant-pro-sider .top-nav-menu li.ant-menu-item {
|
| 387 | height: 100%;
|
| 388 | line-height: 1;
|
| 389 | }
|
| 390 | .ant-pro-sider .drawer .drawer-content {
|
| 391 | background: #001529;
|
| 392 | }
|
| 393 | @keyframes pro-layout-title-hide {
|
| 394 | 0% {
|
| 395 | display: none;
|
| 396 | opacity: 0;
|
| 397 | }
|
| 398 | 80% {
|
| 399 | display: none;
|
| 400 | opacity: 0;
|
| 401 | }
|
| 402 | 100% {
|
| 403 | display: unset;
|
| 404 | opacity: 1;
|
| 405 | }
|
| 406 | }
|
| 407 |
|
| 408 | .ant-pro-top-nav-header {
|
| 409 | position: relative;
|
| 410 | width: 100%;
|
| 411 | height: 100%;
|
| 412 | box-shadow: 0 1px 4px 0 rgba(0, 21, 41, 0.12);
|
| 413 | transition: background 0.3s, width 0.2s;
|
| 414 | }
|
| 415 | .ant-pro-top-nav-header .ant-menu {
|
| 416 | background: transparent;
|
| 417 | }
|
| 418 | .ant-pro-top-nav-header.light {
|
| 419 | background-color: #fff;
|
| 420 | }
|
| 421 | .ant-pro-top-nav-header.light .ant-pro-top-nav-header-logo h1 {
|
| 422 | color: rgba(0, 0, 0, 0.85);
|
| 423 | }
|
| 424 | .ant-pro-top-nav-header.light .anticon {
|
| 425 | color: inherit;
|
| 426 | }
|
| 427 | .ant-pro-top-nav-header-main {
|
| 428 | display: flex;
|
| 429 | height: 100%;
|
| 430 | padding-left: 16px;
|
| 431 | }
|
| 432 | .ant-pro-top-nav-header-main-left {
|
| 433 | display: flex;
|
| 434 | min-width: 192px;
|
| 435 | }
|
| 436 | .ant-pro-top-nav-header .anticon {
|
| 437 | color: #fff;
|
| 438 | }
|
| 439 | .ant-pro-top-nav-header-logo {
|
| 440 | position: relative;
|
| 441 | min-width: 165px;
|
| 442 | height: 100%;
|
| 443 | overflow: hidden;
|
| 444 | }
|
| 445 | .ant-pro-top-nav-header-logo img,
|
| 446 | .ant-pro-top-nav-header-logo a > svg {
|
| 447 | display: inline-block;
|
| 448 | height: 32px;
|
| 449 | vertical-align: middle;
|
| 450 | }
|
| 451 | .ant-pro-top-nav-header-logo h1 {
|
| 452 | display: inline-block;
|
| 453 | margin: 0 0 0 12px;
|
| 454 | color: #fff;
|
| 455 | font-size: 16px;
|
| 456 | vertical-align: top;
|
| 457 | }
|
| 458 | .ant-pro-top-nav-header-menu {
|
| 459 | min-width: 0;
|
| 460 | }
|
| 461 | .ant-pro-top-nav-header-menu .ant-menu.ant-menu-horizontal {
|
| 462 | height: 100%;
|
| 463 | border: none;
|
| 464 | }
|
| 465 |
|
| 466 | .ant-pro-global-footer {
|
| 467 | margin: 48px 0 24px 0;
|
| 468 | padding: 0 16px;
|
| 469 | text-align: center;
|
| 470 | }
|
| 471 | .ant-pro-global-footer-links {
|
| 472 | margin-bottom: 8px;
|
| 473 | }
|
| 474 | .ant-pro-global-footer-links a {
|
| 475 | color: rgba(0, 0, 0, 0.45);
|
| 476 | transition: all 0.3s;
|
| 477 | }
|
| 478 | .ant-pro-global-footer-links a:not(:last-child) {
|
| 479 | margin-right: 40px;
|
| 480 | }
|
| 481 | .ant-pro-global-footer-links a:hover {
|
| 482 | color: rgba(0, 0, 0, 0.85);
|
| 483 | }
|
| 484 | .ant-pro-global-footer-copyright {
|
| 485 | color: rgba(0, 0, 0, 0.45);
|
| 486 | font-size: 14px;
|
| 487 | }
|
| 488 |
|
| 489 | .ant-pro-setting-drawer-content {
|
| 490 | position: relative;
|
| 491 | min-height: 100%;
|
| 492 | }
|
| 493 | .ant-pro-setting-drawer-content .ant-list-item span {
|
| 494 | flex: 1;
|
| 495 | }
|
| 496 | .ant-pro-setting-drawer-block-checkbox {
|
| 497 | display: flex;
|
| 498 | }
|
| 499 | .ant-pro-setting-drawer-block-checkbox-item {
|
| 500 | position: relative;
|
| 501 | width: 44px;
|
| 502 | height: 36px;
|
| 503 | margin-right: 16px;
|
| 504 | overflow: hidden;
|
| 505 | background-color: #f0f2f5;
|
| 506 | border-radius: 4px;
|
| 507 | box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.18);
|
| 508 | cursor: pointer;
|
| 509 | }
|
| 510 | .ant-pro-setting-drawer-block-checkbox-item::before {
|
| 511 | position: absolute;
|
| 512 | top: 0;
|
| 513 | left: 0;
|
| 514 | width: 33%;
|
| 515 | height: 100%;
|
| 516 | background-color: #fff;
|
| 517 | content: '';
|
| 518 | }
|
| 519 | .ant-pro-setting-drawer-block-checkbox-item::after {
|
| 520 | position: absolute;
|
| 521 | top: 0;
|
| 522 | left: 0;
|
| 523 | width: 100%;
|
| 524 | height: 25%;
|
| 525 | background-color: #fff;
|
| 526 | content: '';
|
| 527 | }
|
| 528 | .ant-pro-setting-drawer-block-checkbox-item-realDark {
|
| 529 | background-color: rgba(0, 21, 41, 0.85);
|
| 530 | }
|
| 531 | .ant-pro-setting-drawer-block-checkbox-item-realDark::before {
|
| 532 | background-color: rgba(0, 21, 41, 0.65);
|
| 533 | content: '';
|
| 534 | }
|
| 535 | .ant-pro-setting-drawer-block-checkbox-item-realDark::after {
|
| 536 | background-color: rgba(0, 21, 41, 0.85);
|
| 537 | }
|
| 538 | .ant-pro-setting-drawer-block-checkbox-item-light::before {
|
| 539 | background-color: #fff;
|
| 540 | content: '';
|
| 541 | }
|
| 542 | .ant-pro-setting-drawer-block-checkbox-item-light::after {
|
| 543 | background-color: #fff;
|
| 544 | }
|
| 545 | .ant-pro-setting-drawer-block-checkbox-item-dark::before,
|
| 546 | .ant-pro-setting-drawer-block-checkbox-item-side::before {
|
| 547 | z-index: 1;
|
| 548 | background-color: #001529;
|
| 549 | content: '';
|
| 550 | }
|
| 551 | .ant-pro-setting-drawer-block-checkbox-item-dark::after,
|
| 552 | .ant-pro-setting-drawer-block-checkbox-item-side::after {
|
| 553 | background-color: #fff;
|
| 554 | }
|
| 555 | .ant-pro-setting-drawer-block-checkbox-item-top::before {
|
| 556 | background-color: transparent;
|
| 557 | content: '';
|
| 558 | }
|
| 559 | .ant-pro-setting-drawer-block-checkbox-item-top::after {
|
| 560 | background-color: #001529;
|
| 561 | }
|
| 562 | .ant-pro-setting-drawer-block-checkbox-item-mix::before {
|
| 563 | background-color: #fff;
|
| 564 | content: '';
|
| 565 | }
|
| 566 | .ant-pro-setting-drawer-block-checkbox-item-mix::after {
|
| 567 | background-color: #001529;
|
| 568 | }
|
| 569 | .ant-pro-setting-drawer-block-checkbox-selectIcon {
|
| 570 | position: absolute;
|
| 571 | right: 6px;
|
| 572 | bottom: 4px;
|
| 573 | color: #1890ff;
|
| 574 | font-weight: bold;
|
| 575 | font-size: 14px;
|
| 576 | pointer-events: none;
|
| 577 | }
|
| 578 | .ant-pro-setting-drawer-block-checkbox-selectIcon .action {
|
| 579 | color: #1890ff;
|
| 580 | }
|
| 581 | .ant-pro-setting-drawer-color_block {
|
| 582 | display: inline-block;
|
| 583 | width: 38px;
|
| 584 | height: 22px;
|
| 585 | margin: 4px;
|
| 586 | margin-right: 12px;
|
| 587 | vertical-align: middle;
|
| 588 | border-radius: 4px;
|
| 589 | cursor: pointer;
|
| 590 | }
|
| 591 | .ant-pro-setting-drawer-title {
|
| 592 | margin-bottom: 12px;
|
| 593 | color: rgba(0, 0, 0, 0.85);
|
| 594 | font-size: 14px;
|
| 595 | line-height: 22px;
|
| 596 | }
|
| 597 | .ant-pro-setting-drawer-handle {
|
| 598 | position: absolute;
|
| 599 | top: 240px;
|
| 600 | right: 300px;
|
| 601 | z-index: 0;
|
| 602 | display: flex;
|
| 603 | align-items: center;
|
| 604 | justify-content: center;
|
| 605 | width: 48px;
|
| 606 | height: 48px;
|
| 607 | font-size: 16px;
|
| 608 | text-align: center;
|
| 609 | background-color: #1890ff;
|
| 610 | border-radius: 4px 0 0 4px;
|
| 611 | cursor: pointer;
|
| 612 | pointer-events: auto;
|
| 613 | }
|
| 614 | .ant-pro-setting-drawer-production-hint {
|
| 615 | margin-top: 16px;
|
| 616 | font-size: 12px;
|
| 617 | }
|
| 618 |
|
| 619 | .ant-pro-setting-drawer-content .theme-color {
|
| 620 | margin-top: 16px;
|
| 621 | overflow: hidden;
|
| 622 | }
|
| 623 | .ant-pro-setting-drawer-content .theme-color .theme-color-title {
|
| 624 | margin-bottom: 12px;
|
| 625 | font-size: 14px;
|
| 626 | line-height: 22px;
|
| 627 | }
|
| 628 | .ant-pro-setting-drawer-content .theme-color .theme-color-block {
|
| 629 | float: left;
|
| 630 | width: 20px;
|
| 631 | height: 20px;
|
| 632 | margin-top: 8px;
|
| 633 | margin-right: 8px;
|
| 634 | color: #fff;
|
| 635 | font-weight: bold;
|
| 636 | text-align: center;
|
| 637 | border-radius: 2px;
|
| 638 | cursor: pointer;
|
| 639 | }
|
| 640 |
|