@ant-design/pro-components 1.1.15 → 1.1.16

package/dist/components.css

@@ -2532,6 +2532,120 @@ html {
   text-align: left;
 }
 
+.ant-pro-page-container-children-content {
+  margin: 24px 24px 0;
+  padding: inherit;
+}
+.ant-pro-page-container {
+  background-color: inherit;
+}
+.ant-pro-page-container-warp {
+  background-color: #fff;
+}
+.ant-pro-page-container-warp .ant-tabs-nav {
+  margin: 0;
+}
+.ant-pro-page-container-ghost .ant-pro-page-container-warp {
+  background-color: transparent;
+}
+.ant-pro-page-container-ghost .ant-pro-page-container-children-content {
+  margin-top: 0;
+}
+.ant-pro-page-container-main .ant-pro-page-container-detail {
+  display: flex;
+}
+.ant-pro-page-container-main .ant-pro-page-container-row {
+  display: flex;
+  width: 100%;
+}
+.ant-pro-page-container-main .ant-pro-page-container-title-content {
+  margin-bottom: 16px;
+}
+.ant-pro-page-container-main .ant-pro-page-container-title,
+.ant-pro-page-container-main .ant-pro-page-container-content {
+  flex: auto;
+  width: 100%;
+}
+.ant-pro-page-container-main .ant-pro-page-container-extraContent,
+.ant-pro-page-container-main .ant-pro-page-container-main {
+  flex: 0 1 auto;
+}
+.ant-pro-page-container-main .ant-pro-page-container-main {
+  width: 100%;
+}
+.ant-pro-page-container-main .ant-pro-page-container-title {
+  margin-bottom: 16px;
+}
+.ant-pro-page-container-main .ant-pro-page-container-logo {
+  margin-bottom: 16px;
+}
+.ant-pro-page-container-main .ant-pro-page-container-extraContent {
+  min-width: 242px;
+  margin-left: 88px;
+  text-align: right;
+}
+@media screen and (max-width: 1200px) {
+  .ant-pro-page-container-main .ant-pro-page-container-extraContent {
+    margin-left: 44px;
+  }
+}
+@media screen and (max-width: 992px) {
+  .ant-pro-page-container-main .ant-pro-page-container-extraContent {
+    margin-left: 20px;
+  }
+}
+@media screen and (max-width: 768px) {
+  .ant-pro-page-container-main .ant-pro-page-container-row {
+    display: block;
+  }
+  .ant-pro-page-container-main .ant-pro-page-container-action,
+  .ant-pro-page-container-main .ant-pro-page-container-extraContent {
+    margin-left: 0;
+    text-align: left;
+  }
+}
+@media screen and (max-width: 576px) {
+  .ant-pro-page-container-detail {
+    display: block;
+  }
+  .ant-pro-page-container-extraContent {
+    margin-left: 0;
+  }
+}
+
+.ant-pro-grid-content {
+  width: 100%;
+}
+.ant-pro-grid-content.wide {
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+.ant-pro-footer-bar {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  z-index: 99;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 0 24px;
+  line-height: 44px;
+  background: #fff;
+  border-top: 1px solid #f0f0f0;
+  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);
+  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+.ant-pro-footer-bar-left {
+  flex: 1;
+}
+.ant-pro-footer-bar-right > * {
+  margin-right: 8px;
+}
+.ant-pro-footer-bar-right > *:last-child {
+  margin: 0;
+}
+
 .ant-pro-basicLayout {
   display: flex;
   flex-direction: column;
@@ -2906,14 +3020,6 @@ html {
   font-size: 14px;
 }
 
-.ant-pro-grid-content {
-  width: 100%;
-}
-.ant-pro-grid-content.wide {
-  max-width: 1200px;
-  margin: 0 auto;
-}
-
 .ant-pro-setting-drawer-content {
   position: relative;
   min-height: 100%;
@@ -3066,112 +3172,6 @@ html {
   cursor: pointer;
 }
 
-.ant-pro-page-container-children-content {
-  margin: 24px 24px 0;
-  padding: inherit;
-}
-.ant-pro-page-container {
-  background-color: inherit;
-}
-.ant-pro-page-container-warp {
-  background-color: #fff;
-}
-.ant-pro-page-container-warp .ant-tabs-nav {
-  margin: 0;
-}
-.ant-pro-page-container-ghost .ant-pro-page-container-warp {
-  background-color: transparent;
-}
-.ant-pro-page-container-ghost .ant-pro-page-container-children-content {
-  margin-top: 0;
-}
-.ant-pro-page-container-main .ant-pro-page-container-detail {
-  display: flex;
-}
-.ant-pro-page-container-main .ant-pro-page-container-row {
-  display: flex;
-  width: 100%;
-}
-.ant-pro-page-container-main .ant-pro-page-container-title-content {
-  margin-bottom: 16px;
-}
-.ant-pro-page-container-main .ant-pro-page-container-title,
-.ant-pro-page-container-main .ant-pro-page-container-content {
-  flex: auto;
-  width: 100%;
-}
-.ant-pro-page-container-main .ant-pro-page-container-extraContent,
-.ant-pro-page-container-main .ant-pro-page-container-main {
-  flex: 0 1 auto;
-}
-.ant-pro-page-container-main .ant-pro-page-container-main {
-  width: 100%;
-}
-.ant-pro-page-container-main .ant-pro-page-container-title {
-  margin-bottom: 16px;
-}
-.ant-pro-page-container-main .ant-pro-page-container-logo {
-  margin-bottom: 16px;
-}
-.ant-pro-page-container-main .ant-pro-page-container-extraContent {
-  min-width: 242px;
-  margin-left: 88px;
-  text-align: right;
-}
-@media screen and (max-width: 1200px) {
-  .ant-pro-page-container-main .ant-pro-page-container-extraContent {
-    margin-left: 44px;
-  }
-}
-@media screen and (max-width: 992px) {
-  .ant-pro-page-container-main .ant-pro-page-container-extraContent {
-    margin-left: 20px;
-  }
-}
-@media screen and (max-width: 768px) {
-  .ant-pro-page-container-main .ant-pro-page-container-row {
-    display: block;
-  }
-  .ant-pro-page-container-main .ant-pro-page-container-action,
-  .ant-pro-page-container-main .ant-pro-page-container-extraContent {
-    margin-left: 0;
-    text-align: left;
-  }
-}
-@media screen and (max-width: 576px) {
-  .ant-pro-page-container-detail {
-    display: block;
-  }
-  .ant-pro-page-container-extraContent {
-    margin-left: 0;
-  }
-}
-
-.ant-pro-footer-bar {
-  position: fixed;
-  right: 0;
-  bottom: 0;
-  z-index: 99;
-  display: flex;
-  align-items: center;
-  width: 100%;
-  padding: 0 24px;
-  line-height: 44px;
-  background: #fff;
-  border-top: 1px solid #f0f0f0;
-  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);
-  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-.ant-pro-footer-bar-left {
-  flex: 1;
-}
-.ant-pro-footer-bar-right > * {
-  margin-right: 8px;
-}
-.ant-pro-footer-bar-right > *:last-child {
-  margin: 0;
-}
-
 .ant-pro-list {
   background-color: transparent;
 }