|
|
@@ -8,15 +8,22 @@
|
|
|
Token
|
|
|
</div>
|
|
|
<div class="content">
|
|
|
- <img src="" alt=""> USDT
|
|
|
+ <img
|
|
|
+ class="icon"
|
|
|
+ src="../../assets/subject/icon-USD.png"
|
|
|
+ />USDT
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="item">
|
|
|
<div class="label">
|
|
|
Network
|
|
|
</div>
|
|
|
- <div class="content btn-network">
|
|
|
- Binance Smart Chain
|
|
|
+ <div class="content">
|
|
|
+ <img
|
|
|
+ class="icon"
|
|
|
+ src="../../assets/subject/icon-USD.png"
|
|
|
+ />
|
|
|
+ BNB Chain
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -62,13 +69,25 @@ import { defineProps, defineEmits } from "vue";
|
|
|
|
|
|
.label {
|
|
|
color: #A0A0A0;
|
|
|
- margin-bottom: 5px;
|
|
|
+ margin-bottom: 6px;
|
|
|
}
|
|
|
|
|
|
.content {
|
|
|
- height: 38px;
|
|
|
+ height: 44px;
|
|
|
+ width: 165px;
|
|
|
+ border-radius: 8px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
+ border: 1px solid #DBDBDB;
|
|
|
+ padding: 12px 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 14px;
|
|
|
+ img {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ margin-right: 6px;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
}
|
