Skip to content

GitLab

A
ant-design-pro
Commit 57a705c8 authored by nikogu's avatar nikogu
Browse files
Options

Updates

parent f3b48f8d
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 84 additions and 50 deletions
index.css
View file @ 57a705c8
...@@ -3514,7 +3514,7 @@ body { ...@@ -3514,7 +3514,7 @@ body {
} }
.ant-dropdown-menu-dark, .ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu { .ant-dropdown-menu-dark .ant-dropdown-menu {
background: #001529; background: #00182e;
} }
.ant-dropdown-menu-dark .ant-dropdown-menu-item, .ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
...@@ -5351,7 +5351,7 @@ body { ...@@ -5351,7 +5351,7 @@ body {
.ant-menu-dark, .ant-menu-dark,
.ant-menu-dark .ant-menu-sub { .ant-menu-dark .ant-menu-sub {
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.65);
background: #001529; background: #00182e;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
} }
...@@ -5359,21 +5359,21 @@ body { ...@@ -5359,21 +5359,21 @@ body {
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:before { .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:before {
background: #001529; background: #00182e;
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.65)), to(rgba(255, 255, 255, 0.65))); background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.65)), to(rgba(255, 255, 255, 0.65)));
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65));
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65));
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65));
} }
.ant-menu-dark .ant-menu-inline.ant-menu-sub { .ant-menu-dark .ant-menu-inline.ant-menu-sub {
background: #000c17; background: #000b14;
} }
.ant-menu-dark.ant-menu-horizontal { .ant-menu-dark.ant-menu-horizontal {
border-bottom-color: #001529; border-bottom-color: #00182e;
} }
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item, .ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu { .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
border-color: #001529; border-color: #00182e;
border-bottom: 0; border-bottom: 0;
} }
.ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item,
...@@ -5632,7 +5632,7 @@ body { ...@@ -5632,7 +5632,7 @@ body {
flex: 0 0 auto; flex: 0 0 auto;
} }
.ant-layout-header { .ant-layout-header {
background: #001529; background: #00182e;
padding: 0 50px; padding: 0 50px;
height: 64px; height: 64px;
line-height: 64px; line-height: 64px;
...@@ -5653,7 +5653,7 @@ body { ...@@ -5653,7 +5653,7 @@ body {
-o-transition: all .2s; -o-transition: all .2s;
transition: all .2s; transition: all .2s;
position: relative; position: relative;
background: #001529; background: #00182e;
/* fix firefox can't set width smaller than content on flex item */ /* fix firefox can't set width smaller than content on flex item */
min-width: 0; min-width: 0;
} }
...@@ -5693,7 +5693,7 @@ body { ...@@ -5693,7 +5693,7 @@ body {
width: 36px; width: 36px;
height: 42px; height: 42px;
line-height: 42px; line-height: 42px;
background: #001529; background: #00182e;
color: #fff; color: #fff;
font-size: 18px; font-size: 18px;
border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;
...@@ -5703,7 +5703,7 @@ body { ...@@ -5703,7 +5703,7 @@ body {
transition: background .3s ease; transition: background .3s ease;
} }
.ant-layout-sider-zero-width-trigger:hover { .ant-layout-sider-zero-width-trigger:hover {
background: #192c3e; background: #192f43;
} }
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable declaration-bang-space-before */ /* stylelint-disable declaration-bang-space-before */
...@@ -6905,11 +6905,11 @@ textarea.ant-input { ...@@ -6905,11 +6905,11 @@ textarea.ant-input {
font-weight: 500; font-weight: 500;
} }
.ant-popover-inner-content { .ant-popover-inner-content {
padding: 12px 16px; padding: 20px 16px;
color: rgba(0, 0, 0, 0.65); color: rgba(0, 0, 0, 0.65);
} }
.ant-popover-message { .ant-popover-message {
padding: 8px 0 16px; padding: 0 0 16px;
font-size: 14px; font-size: 14px;
color: rgba(0, 0, 0, 0.65); color: rgba(0, 0, 0, 0.65);
} }
...@@ -6923,7 +6923,6 @@ textarea.ant-input { ...@@ -6923,7 +6923,6 @@ textarea.ant-input {
} }
.ant-popover-buttons { .ant-popover-buttons {
text-align: right; text-align: right;
margin-bottom: 8px;
} }
.ant-popover-buttons button { .ant-popover-buttons button {
margin-left: 8px; margin-left: 8px;
...@@ -6938,23 +6937,31 @@ textarea.ant-input { ...@@ -6938,23 +6937,31 @@ textarea.ant-input {
border-style: solid; border-style: solid;
} }
.ant-popover-arrow { .ant-popover-arrow {
background: #fff; border-width: 6px;
width: 7.07106781px; }
height: 7.07106781px; .ant-popover-arrow:after {
-webkit-transform: rotate(45deg); border-width: 5px;
-ms-transform: rotate(45deg); content: "";
transform: rotate(45deg);
} }
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow { .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
bottom: 5px; border-bottom-width: 0;
-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.07); border-top-color: rgba(217, 217, 217, 0.5);
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.07); bottom: 3px;
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow:after {
content: " ";
bottom: 1px;
margin-left: -5px;
border-bottom-width: 0;
border-top-color: #fff;
} }
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow { .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
left: 50%; left: 50%;
margin-left: -5px; margin-left: -6px;
} }
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow { .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
left: 16px; left: 16px;
...@@ -6965,13 +6972,22 @@ textarea.ant-input { ...@@ -6965,13 +6972,22 @@ textarea.ant-input {
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow { .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
left: 5px; left: 3px;
-webkit-box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.08); border-left-width: 0;
box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.08); border-right-color: rgba(217, 217, 217, 0.5);
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow:after {
content: " ";
left: 1px;
bottom: -5px;
border-left-width: 0;
border-right-color: #fff;
} }
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow { .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
top: 50%; top: 50%;
margin-top: -5px; margin-top: -6px;
} }
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow { .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
top: 12px; top: 12px;
...@@ -6982,13 +6998,22 @@ textarea.ant-input { ...@@ -6982,13 +6998,22 @@ textarea.ant-input {
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow { .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
top: 5px; border-top-width: 0;
-webkit-box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.08); border-bottom-color: rgba(217, 217, 217, 0.5);
box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.08); top: 3px;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow:after {
content: " ";
top: 1px;
margin-left: -5px;
border-top-width: 0;
border-bottom-color: #fff;
} }
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow { .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
left: 50%; left: 50%;
margin-left: -5px; margin-left: -6px;
} }
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow { .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
left: 16px; left: 16px;
...@@ -6999,13 +7024,22 @@ textarea.ant-input { ...@@ -6999,13 +7024,22 @@ textarea.ant-input {
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow { .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
right: 5px; right: 3px;
-webkit-box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.08); border-right-width: 0;
box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.08); border-left-color: rgba(217, 217, 217, 0.5);
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow:after,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -5px;
} }
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow { .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
top: 50%; top: 50%;
margin-top: -5px; margin-top: -6px;
} }
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow { .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
top: 12px; top: 12px;
...@@ -12621,7 +12655,7 @@ span.ant-radio + * { ...@@ -12621,7 +12655,7 @@ span.ant-radio + * {
-o-transition: background .3s ease; -o-transition: background .3s ease;
transition: background .3s ease; transition: background .3s ease;
text-align: left; text-align: left;
color: rgba(0, 0, 0, 0.65); color: rgba(0, 0, 0, 0.85);
font-weight: 500; font-weight: 500;
border-bottom: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;
} }
...@@ -13633,7 +13667,7 @@ tr.ant-table-expanded-row:hover { ...@@ -13633,7 +13667,7 @@ tr.ant-table-expanded-row:hover {
} }
.ant-card-type-inner .ant-card-head { .ant-card-type-inner .ant-card-head {
padding: 0 24px; padding: 0 24px;
background: #fafafa; background: #f5f5f5;
} }
.ant-card-type-inner .ant-card-head-title { .ant-card-type-inner .ant-card-head-title {
padding: 12px 0; padding: 12px 0;
...@@ -19070,23 +19104,18 @@ form .ant-input-group-addon .ant-cascader-picker:only-child { ...@@ -19070,23 +19104,18 @@ form .ant-input-group-addon .ant-cascader-picker:only-child {
} }
.ant-steps-dot .ant-steps-item-tail { .ant-steps-dot .ant-steps-item-tail {
width: 100%; width: 100%;
top: 2px; top: 1px;
margin: 0 0 0 70px; margin: 0 0 0 70px;
padding: 0; padding: 0;
} }
.ant-steps-dot .ant-steps-item-tail:after { .ant-steps-dot .ant-steps-item-tail:after {
height: 3px; height: 3px;
width: calc(100% - 20px);
margin-left: 12px;
}
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
left: 2px;
} }
.ant-steps-dot .ant-steps-item-icon { .ant-steps-dot .ant-steps-item-icon {
padding-right: 0; padding-right: 0;
width: 8px; width: 5px;
height: 8px; height: 5px;
line-height: 8px; line-height: 5px;
border: 0; border: 0;
margin-left: 67px; margin-left: 67px;
background: transparent; background: transparent;
...@@ -19111,10 +19140,15 @@ form .ant-input-group-addon .ant-cascader-picker:only-child { ...@@ -19111,10 +19140,15 @@ form .ant-input-group-addon .ant-cascader-picker:only-child {
top: -12px; top: -12px;
left: -26px; left: -26px;
} }
.ant-steps-dot .ant-steps-item-icon:hover .ant-steps-icon-dot {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon { .ant-steps-dot .ant-steps-item-process .ant-steps-item-icon {
width: 10px; width: 7px;
height: 10px; height: 7px;
line-height: 10px; line-height: 7px;
} }
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot { .ant-steps-dot .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot {
top: -1px; top: -1px;
......
index.js
View file @ 57a705c8
This diff is collapsed.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment