diff --git a/css/contrastDetails.css b/css/contrastDetails.css index 5e8d2e9..88f4ae2 100644 --- a/css/contrastDetails.css +++ b/css/contrastDetails.css @@ -261,13 +261,8 @@ height: 28px; } .base-footer { - position: fixed; + position: sticky; bottom: 35px; - left: 50%; - transform: translateX(-50%); - width: 700px; - padding-left: 32px; - padding-right: 5px; justify-content: space-between; transition: all 0.3s; } @@ -280,6 +275,7 @@ display: none; } .base-footer .base-box { + bottom: 35px; height: 60px; background: -webkit-linear-gradient(189.46232221deg, #dbe3fd 0%, #eef7f5 100%); background: -moz-linear-gradient(260.53767779deg, #dbe3fd 0%, #eef7f5 100%); @@ -287,6 +283,8 @@ box-sizing: border-box; border: 1px solid #dbe0f2; border-radius: 153px; + padding-left: 32px; + padding-right: 5px; } .base-footer .item { font-size: 15px; diff --git a/css/contrastDetails.less b/css/contrastDetails.less index 031653d..b1f93ab 100644 --- a/css/contrastDetails.less +++ b/css/contrastDetails.less @@ -310,17 +310,15 @@ } .base-footer { - position: fixed; + position: sticky; bottom: 35px; - left: 50%; - transform: translateX(-50%); - width: 700px; - padding-left: 32px; - padding-right: 5px; + // left: 50%; + // transform: translateX(-50%); + // width: 700px; + // padding-left: 32px; + // padding-right: 5px; justify-content: space-between; - - &.isnosave { width: 360px; padding: 0; @@ -331,13 +329,17 @@ } .base-box { + bottom: 35px; + 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; + border-radius: 153px; + padding-left: 32px; + padding-right: 5px; } transition: all 0.3s;