|
|
@@ -2,9 +2,9 @@
|
|
|
<div class="nft" :class="{ border: isShare }">
|
|
|
<template v-if="!isLoading">
|
|
|
<div class="title">
|
|
|
- <div class="tag">
|
|
|
+ <div class="tag" :class="{ share: !isShare }">
|
|
|
<img class="logo" :src="saleData.nftProjectAvatar" />
|
|
|
- <font class="text">{{saleData.nftProjectName}}</font>
|
|
|
+ <font class="text" :class="{ share: !isShare }">{{saleData.nftProjectName}}</font>
|
|
|
<img class="tagImg" :src=" require('@/assets/img/icon-nft.png') " />
|
|
|
</div>
|
|
|
<div class="share" v-if="!isShare" @click="share">
|
|
|
@@ -174,8 +174,12 @@ body {
|
|
|
|
|
|
.tag {
|
|
|
display: flex;
|
|
|
+ width: 93%;
|
|
|
align-items: center;
|
|
|
padding-left: 15px;
|
|
|
+ &.share {
|
|
|
+ width: 84%;
|
|
|
+ }
|
|
|
|
|
|
.logo {
|
|
|
overflow: hidden;
|
|
|
@@ -188,7 +192,14 @@ body {
|
|
|
.text {
|
|
|
font-size: 18px;
|
|
|
font-weight: bold;
|
|
|
+ width: calc(100% - 50px);
|
|
|
margin: 0 7px;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ &.share {
|
|
|
+ width: calc(100% - 80px);
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.tagImg {
|
