diff --git a/css/index.css b/css/index.css index 7e39ba6..60010ff 100644 --- a/css/index.css +++ b/css/index.css @@ -171,17 +171,7 @@ .fate .list .item:not(:nth-last-child(-n + 2)) { border-bottom: 1px dotted #ebebeb; } -.fate .list .item .left .name { - font-family: "PingFangSC-Regular", "PingFang SC", sans-serif; - font-weight: 400; - font-size: 16px; - color: #000000; - margin-bottom: 7px; - position: relative; - max-width: 405px; - box-sizing: border-box; -} -.fate .list .item .left .name::after { +.fate .list .item .left::after { content: ""; position: absolute; top: 50%; @@ -194,6 +184,16 @@ border-radius: 39px; box-sizing: border-box; } +.fate .list .item .left .name { + font-family: "PingFangSC-Regular", "PingFang SC", sans-serif; + font-weight: 400; + font-size: 16px; + color: #000000; + margin-bottom: 7px; + position: relative; + max-width: 405px; + box-sizing: border-box; +} .fate .list .item .left .message { color: #7f7f7f; font-size: 14px; diff --git a/css/index.less b/css/index.less index d495d89..fab4b97 100644 --- a/css/index.less +++ b/css/index.less @@ -197,6 +197,20 @@ border-bottom: 1px dotted rgb(235, 235, 235); } .left { + &::after { + content: ""; + position: absolute; + top: 50%; + left: -20px; + transform: translateY(-50%); + width: 8px; + height: 8px; + background-color: rgba(242, 242, 242, 1); + border: 1px solid rgba(215, 215, 215, 1); + border-radius: 39px; + box-sizing: border-box; + } + .name { font-family: "PingFangSC-Regular", "PingFang SC", sans-serif; font-weight: 400; @@ -206,20 +220,6 @@ position: relative; max-width: 405px; box-sizing: border-box; - - &::after { - content: ""; - position: absolute; - top: 50%; - left: -20px; - transform: translateY(-50%); - width: 8px; - height: 8px; - background-color: rgba(242, 242, 242, 1); - border: 1px solid rgba(215, 215, 215, 1); - border-radius: 39px; - box-sizing: border-box; - } } .message { color: #7f7f7f;