调整nft的显示

This commit is contained in:
cebgcontract 2022-04-24 09:25:19 +08:00
parent 126df4d335
commit 0b71d55684
2 changed files with 24 additions and 14 deletions

View File

@ -395,7 +395,6 @@ export default class extends Vue {
display: flex;
flex-direction: column;
line-height: 60px;
background-color: #0C1737;
.title {
clip-path: polygon(14px 2px, calc(100% - 14px) 2px, calc(100% - 2px) 14px, calc(100% - 2px) 100%, 2px 100%, 2px 14px);
display: flex;
@ -413,6 +412,9 @@ export default class extends Vue {
.font14 {
font-size: 14px!important;
}
background-color: #0C1737;
clip-path: polygon(2px 0, calc(100% - 2px) 0, calc(100% - 2px) calc(100% - 14px), calc(100% - 14px) calc(100% - 2px), 14px calc(100% - 2px), 2px calc(100% - 14px)
);
}
.two-col-info {
width: 100%;

View File

@ -168,19 +168,6 @@ export default class extends Vue {
width: 50%;
}
}
.one-info{
display: flex;
flex-direction: row;
justify-content: space-between;
}
.info-title {
width: 60%;
text-transform: capitalize;
}
.info-val {
color: #3CF562;
width: 40%;
}
.one-col-info {
display: flex;
flex-direction: row;
@ -190,15 +177,30 @@ export default class extends Vue {
justify-content: flex-start;
.info-title{
width: auto;
text-transform: capitalize;
}
.info-val{
width: auto;
margin-left: 10px;
}
}
&.nft-id-mobile{
display: none;
}
}
.one-info{
display: flex;
flex-direction: row;
justify-content: space-between;
.info-title {
width: 60%;
text-transform: capitalize;
}
.info-val {
color: #3CF562;
width: 40%;
}
}
.all-col-info {
display: flex;
flex-wrap: wrap;
@ -207,8 +209,14 @@ export default class extends Vue {
display: flex;
flex-direction: row;
justify-content: space-between;
.info-title{
width: 60%;
text-transform: capitalize;
}
.info-val{
width: 40%;
margin-left: 10px;
color: #3CF562;
}
}
}