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 { .nft {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-evenly; // justify-content: space-evenly;
.nft-img { .nft-img {
width: 213px; width: 213px;
height: 100%; height: 100%;
@ -158,9 +158,9 @@ div {
} }
} }
.nft-name { .nft-name {
width: 120px; width: 140px;
text-align: left; text-align: left;
margin-left: 20px; margin-left: 5px;
} }
} }
.price { .price {
@ -201,7 +201,9 @@ div {
font-size: 28px; font-size: 28px;
cursor: pointer; cursor: pointer;
} }
&:nth-child(1) {
padding-left: 0px;
}
} }
&:hover { &:hover {
background: #16141b !important; 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"> <a-table-column title="Status" data-index="event" :width="400">
<template #default="{ text: event }"> <template #default="{ text: event }">
<div class="status"> <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> </div>
</template> </template>
</a-table-column> </a-table-column>
@ -91,6 +92,8 @@ import { ref } from "vue"
import ImgCard from "@/components/common/imgCard.vue" import ImgCard from "@/components/common/imgCard.vue"
import { sliceAddress, showTime, priceCalculated } from "@/configs/priceCalculate" import { sliceAddress, showTime, priceCalculated } from "@/configs/priceCalculate"
import { currentChainCfg } from '@/components/chain/utils' import { currentChainCfg } from '@/components/chain/utils'
import {walletStore} from "@/store/wallet";
const localWalletStore = walletStore()
const props = defineProps({ const props = defineProps({
nftData: { nftData: {
@ -143,6 +146,7 @@ div {
background: #16141b !important; background: #16141b !important;
overflow: visible !important; overflow: visible !important;
vertical-align: middle; vertical-align: middle;
// padding: 12px;
>div { >div {
text-align: center; text-align: center;
font-family: 'Poppins'; font-family: 'Poppins';
@ -182,7 +186,7 @@ div {
.nft-name { .nft-name {
width: 140px; width: 140px;
text-align: left; text-align: left;
margin-left: 20px; margin-left: 5px;
} }
} }
.status { .status {
@ -244,6 +248,9 @@ div {
} }
} }
} }
&:nth-child(1) {
padding-left: 0px;
}
} }
&:hover { &:hover {
background: #16141b !important; background: #16141b !important;