diff --git a/css/contrastDetails.css b/css/contrastDetails.css index df85cea..5e8d2e9 100644 --- a/css/contrastDetails.css +++ b/css/contrastDetails.css @@ -270,13 +270,6 @@ padding-right: 5px; justify-content: space-between; transition: all 0.3s; - height: 60px; - background: -webkit-linear-gradient(189.46232221deg, #dbe3fd 0%, #eef7f5 100%); - background: -moz-linear-gradient(260.53767779deg, #dbe3fd 0%, #eef7f5 100%); - background: linear-gradient(260.53767779deg, #dbe3fd 0%, #eef7f5 100%); - box-sizing: border-box; - border: 1px solid #dbe0f2; - border-radius: 153px; } .base-footer.isnosave { width: 360px; @@ -286,6 +279,15 @@ .base-footer.isnosave .save { display: none; } +.base-footer .base-box { + height: 60px; + background: -webkit-linear-gradient(189.46232221deg, #dbe3fd 0%, #eef7f5 100%); + background: -moz-linear-gradient(260.53767779deg, #dbe3fd 0%, #eef7f5 100%); + background: linear-gradient(260.53767779deg, #dbe3fd 0%, #eef7f5 100%); + box-sizing: border-box; + border: 1px solid #dbe0f2; + border-radius: 153px; +} .base-footer .item { font-size: 15px; color: #000000; diff --git a/css/contrastDetails.less b/css/contrastDetails.less index 057bbaa..031653d 100644 --- a/css/contrastDetails.less +++ b/css/contrastDetails.less @@ -319,6 +319,8 @@ padding-right: 5px; justify-content: space-between; + + &.isnosave { width: 360px; padding: 0; @@ -328,14 +330,24 @@ } } + .base-box { + height: 60px; + background: -webkit-linear-gradient(189.462322208026deg, rgba(219, 227, 253, 1) 0%, rgba(238, 247, 245, 1) 100%); + background: -moz-linear-gradient(260.537677791974deg, rgba(219, 227, 253, 1) 0%, rgba(238, 247, 245, 1) 100%); + background: linear-gradient(260.537677791974deg, rgba(219, 227, 253, 1) 0%, rgba(238, 247, 245, 1) 100%); + box-sizing: border-box; + border: 1px solid rgba(219, 224, 242, 1); + border-radius: 153px; + } + transition: all 0.3s; - height: 60px; - background: -webkit-linear-gradient(189.462322208026deg, rgba(219, 227, 253, 1) 0%, rgba(238, 247, 245, 1) 100%); - background: -moz-linear-gradient(260.537677791974deg, rgba(219, 227, 253, 1) 0%, rgba(238, 247, 245, 1) 100%); - background: linear-gradient(260.537677791974deg, rgba(219, 227, 253, 1) 0%, rgba(238, 247, 245, 1) 100%); - box-sizing: border-box; - border: 1px solid rgba(219, 224, 242, 1); - border-radius: 153px; + // height: 60px; + // background: -webkit-linear-gradient(189.462322208026deg, rgba(219, 227, 253, 1) 0%, rgba(238, 247, 245, 1) 100%); + // background: -moz-linear-gradient(260.537677791974deg, rgba(219, 227, 253, 1) 0%, rgba(238, 247, 245, 1) 100%); + // background: linear-gradient(260.537677791974deg, rgba(219, 227, 253, 1) 0%, rgba(238, 247, 245, 1) 100%); + // box-sizing: border-box; + // border: 1px solid rgba(219, 224, 242, 1); + // border-radius: 153px; .item { font-size: 15px; diff --git a/css/details.css b/css/details.css index 37ff1b7..14adbd3 100644 --- a/css/details.css +++ b/css/details.css @@ -147,7 +147,7 @@ } .content .side { border-radius: 12px 0 0 0; - width: 141px; + width: 140px; height: 500px; position: sticky; top: 0; diff --git a/css/details.less b/css/details.less index 11a6dcc..855629c 100644 --- a/css/details.less +++ b/css/details.less @@ -162,7 +162,7 @@ .side { border-radius: 12px 0 0 0; - width: 141px; + width: 140px; height: 500px; // overflow: hidden; position: sticky;