#面板练度统计样式微调

This commit is contained in:
yoimiya-kokomi 2022-08-09 05:33:03 +08:00
parent 0ddb591bf5
commit 9592f0b263
3 changed files with 11 additions and 8 deletions

View File

@ -2,7 +2,7 @@
background-size: cover; background-size: cover;
} }
.head-box { .head-box {
margin-top: 0px; margin-top: 0;
} }
#profile-stat { #profile-stat {
display: table; display: table;
@ -40,10 +40,12 @@
border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;
width: 22px; width: 22px;
margin-right: 5px; margin-right: 5px;
text-shadow: 0 0 2px #000;
} }
#profile-stat .level { #profile-stat .level {
border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;
width: 32px; width: 32px;
text-shadow: 0 0 2px #fff;
} }
#profile-stat .level:before { #profile-stat .level:before {
content: "Lv"; content: "Lv";
@ -310,13 +312,13 @@
background: #8a2cc9; background: #8a2cc9;
} }
.cont .arti-na { .cont .arti-na {
padding-left: 8px; padding-left: 13px;
white-space: nowrap; white-space: nowrap;
transform: scale(0.8); transform: scale(0.8);
transform-origin: left center; transform-origin: left center;
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
font-size: 12px; font-size: 12px;
margin-right: -40px; margin-right: -60px;
} }
.cont-notice { .cont-notice {
color: #666; color: #666;

View File

@ -21,7 +21,7 @@
<div class="td-talent">A</div> <div class="td-talent">A</div>
<div class="td-talent">E</div> <div class="td-talent">E</div>
<div class="td-talent">Q</div> <div class="td-talent">Q</div>
<div class="td-weapon">武器 精炼</div> <div class="td-weapon">武器</div>
<div class="td-artis">圣遗物</div> <div class="td-artis">圣遗物</div>
</div> </div>
{{each avatars avatar idx}} {{each avatars avatar idx}}

View File

@ -3,10 +3,9 @@
} }
.head-box { .head-box {
margin-top: 0px; margin-top: 0;
} }
#profile-stat { #profile-stat {
display: table; display: table;
border-collapse: collapse; border-collapse: collapse;
@ -46,11 +45,13 @@
border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;
width: 22px; width: 22px;
margin-right: 5px; margin-right: 5px;
text-shadow: 0 0 2px #000;
} }
.level { .level {
border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;
width: 32px; width: 32px;
text-shadow: 0 0 2px #fff;
&:before { &:before {
content: "Lv"; content: "Lv";
@ -330,13 +331,13 @@
} }
.arti-na { .arti-na {
padding-left: 8px; padding-left: 13px;
white-space: nowrap; white-space: nowrap;
transform: scale(.8); transform: scale(.8);
transform-origin: left center; transform-origin: left center;
color: rgba(255, 255, 255, .5); color: rgba(255, 255, 255, .5);
font-size: 12px; font-size: 12px;
margin-right: -40px; margin-right: -60px;
} }
} }