diff --git a/view/molistar/activity/ssGuild/css/index.css b/view/molistar/activity/ssGuild/css/index.css index a2a5969..50c07c6 100644 --- a/view/molistar/activity/ssGuild/css/index.css +++ b/view/molistar/activity/ssGuild/css/index.css @@ -435,7 +435,7 @@ body::-webkit-scrollbar { } .page1 .page1_in .c ul li .user { - width: 3.2rem; + width: 2.4rem; float: left; margin-top: 0.8rem; } @@ -462,6 +462,9 @@ body::-webkit-scrollbar { .page1 .page1_in .c ul li .right { float: right; margin-top: 0.62667rem; + display: flex; + flex-direction: column; + align-items: flex-end; } .page1 .page1_in .c ul li .right .leve { @@ -469,7 +472,6 @@ body::-webkit-scrollbar { height: 0.66667rem; display: block; margin-bottom: 0.09333rem; - float: right; } .page1 .page1_in .c ul li .right span { @@ -477,6 +479,7 @@ body::-webkit-scrollbar { color: #FFEDBA; font-size: 0.34667rem; font-weight: 400; + white-space: nowrap; } .page1 .page1_in .b { @@ -523,7 +526,7 @@ body::-webkit-scrollbar { } .page1 .page1_in .my .user { - width: 3.2rem; + width: 2.4rem; float: left; margin-top: 0.8rem; } @@ -550,6 +553,9 @@ body::-webkit-scrollbar { .page1 .page1_in .my .right { float: right; margin-top: 0.62667rem; + display: flex; + flex-direction: column; + align-items: flex-end; } .page1 .page1_in .my .right .leve { @@ -557,7 +563,6 @@ body::-webkit-scrollbar { height: 0.66667rem; display: block; margin-bottom: 0.09333rem; - float: right; } .page1 .page1_in .my .right span { @@ -565,6 +570,7 @@ body::-webkit-scrollbar { color: #FFEDBA; font-size: 0.34667rem; font-weight: 400; + white-space: nowrap; } .page1 .page2_in { diff --git a/view/molistar/activity/ssGuild/css/index.scss b/view/molistar/activity/ssGuild/css/index.scss index 9352a72..fd268dc 100644 --- a/view/molistar/activity/ssGuild/css/index.scss +++ b/view/molistar/activity/ssGuild/css/index.scss @@ -441,7 +441,7 @@ body { } .user { - width: px2rem(240); + width: px2rem(180); float: left; margin-top: px2rem(60); @@ -468,13 +468,15 @@ body { .right { float: right; margin-top: px2rem(47); + display: flex; + flex-direction: column; + align-items: flex-end; .leve { width: px2rem(76); height: px2rem(50); display: block; margin-bottom: px2rem(7); - float: right; } span { @@ -482,6 +484,7 @@ body { color: #FFEDBA; font-size: px2rem(26); font-weight: 400; + white-space: nowrap; } } } @@ -531,7 +534,7 @@ body { } .user { - width: px2rem(240); + width: px2rem(180); float: left; margin-top: px2rem(60); @@ -558,13 +561,15 @@ body { .right { float: right; margin-top: px2rem(47); + display: flex; + flex-direction: column; + align-items: flex-end; .leve { width: px2rem(76); height: px2rem(50); display: block; margin-bottom: px2rem(7); - float: right; } span { @@ -572,6 +577,7 @@ body { color: #FFEDBA; font-size: px2rem(26); font-weight: 400; + white-space: nowrap; } } }