huangjinming/CounterFireGames
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改listings和history列表样式

Browse Source
This commit is contained in:
yuyongdong 2024-07-04 16:37:53 +08:00
parent 74d07939c0
commit a45f6cb4d3
2 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/common/hangingCard.vue
View File

@ -131,7 +131,7 @@ div {
.nft {
display: flex;
align-items: center;
justify-content: space-evenly;
// justify-content: space-evenly;
.nft-img {
width: 213px;
height: 100%;
@ -158,9 +158,9 @@ div {
}
}
.nft-name {
width: 120px;
width: 140px;
text-align: left;
margin-left: 20px;
margin-left: 5px;
}
}
.price {
@ -201,7 +201,9 @@ div {
font-size: 28px;
cursor: pointer;
}
&:nth-child(1) {
padding-left: 0px;
}
}
&:hover {
background: #16141b !important;

11
src/components/common/tradingCard.vue
View File

@ -14,7 +14,8 @@
<a-table-column title="Status" data-index="event" :width="400">
<template #default="{ text: event }">
<div class="status">
<div class="nft-status">{{ event.data.activity_type }}</div>
<div class="nft-status" v-if="event.data.details.from == localWalletStore.address">{{ event.data.activity_type }}</div>
<div class="nft-status" v-else>Purchase</div>
</div>
</template>
</a-table-column>
@ -91,6 +92,8 @@ import { ref } from "vue"
import ImgCard from "@/components/common/imgCard.vue"
import { sliceAddress, showTime, priceCalculated } from "@/configs/priceCalculate"
import { currentChainCfg } from '@/components/chain/utils'
import {walletStore} from "@/store/wallet";
const localWalletStore = walletStore()
const props = defineProps({
nftData: {
@ -143,6 +146,7 @@ div {
background: #16141b !important;
overflow: visible !important;
vertical-align: middle;
// padding: 12px;
>div {
text-align: center;
font-family: 'Poppins';
@ -182,7 +186,7 @@ div {
.nft-name {
width: 140px;
text-align: left;
margin-left: 20px;
margin-left: 5px;
}
}
.status {
@ -244,6 +248,9 @@ div {
}
}
}
&:nth-child(1) {
padding-left: 0px;
}
}
&:hover {
background: #16141b !important;