|
|
@@ -1157,15 +1157,48 @@ onMounted(() => {
|
|
|
justify-content: space-between;
|
|
|
margin-top: 10px;
|
|
|
|
|
|
+ .currency-operation:before{
|
|
|
+ box-sizing: content-box;
|
|
|
+ width: 0px;
|
|
|
+ height: 0px;
|
|
|
+ position: absolute;
|
|
|
+ top: -16px;;
|
|
|
+ left:46px;
|
|
|
+ padding:0;
|
|
|
+ border-bottom:8px solid #FFFFFF;
|
|
|
+ border-top:8px solid transparent;
|
|
|
+ border-left:8px solid transparent;
|
|
|
+ border-right:8px solid transparent;
|
|
|
+ display: block;
|
|
|
+ content:'';
|
|
|
+ z-index: 12;
|
|
|
+ }
|
|
|
+ .currency-operation:after{
|
|
|
+ box-sizing: content-box;
|
|
|
+ width: 0px;
|
|
|
+ height: 0px;
|
|
|
+ position: absolute;
|
|
|
+ top: -18px;;
|
|
|
+ left:45px;
|
|
|
+ padding:0;
|
|
|
+ border-bottom:9px solid #EAEAEA;
|
|
|
+ border-top:9px solid transparent;
|
|
|
+ border-left:9px solid transparent;
|
|
|
+ border-right:9px solid transparent;
|
|
|
+ display: block;
|
|
|
+ content:'';
|
|
|
+ z-index:10
|
|
|
+ }
|
|
|
.currency-operation {
|
|
|
- width: 217px;
|
|
|
+ position: relative;
|
|
|
height: 45px;
|
|
|
- background: url("../../assets/svg/icon-form-bg-border.svg");
|
|
|
+ border: 1px solid #EAEAEA;
|
|
|
box-sizing: border-box;
|
|
|
- padding: 14px 10px 10px 10px;
|
|
|
+ padding: 10px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-around;
|
|
|
+ border-radius: 100px;
|
|
|
|
|
|
.balance,
|
|
|
.amount {
|
