调整nft的显示
This commit is contained in:
parent
126df4d335
commit
0b71d55684
@ -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%;
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user