improvement for create offer form (#336)

* improvement for create offer form * fix catching signavault errors * improvement for msg part of create offer
chain4travel · Nov 20, 2023 · 7347f63 · 7347f63
1 parent d17c845
commit 7347f63
Show file tree

Hide file tree

Showing 11 changed files with 685 additions and 319 deletions.
diff --git a/src/components/CamInput.vue b/src/components/CamInput.vue
@@ -43,8 +43,14 @@ export default class CamInput extends Vue {
     }
 }
 </script>
-
 <style scoped lang="scss">
+.v-application .error {
+    background-color: transparent !important;
+    border: 1px solid var(--camino-slate-slate-600);
+    &:disabled {
+        border: 1px solid var(--camino-slate-slate-600) !important;
+    }
+}
 .cam-input {
     display: flex;
     flex-direction: column;

diff --git a/src/components/misc/AvaxInput.vue b/src/components/misc/AvaxInput.vue
@@ -72,7 +72,6 @@ export default class AvaxInput extends Vue {
     })
     max?: BN | null
     @Prop() initial?: BN
-
     @Prop() balance?: Big | null
     @Prop() alias?: string
     @Prop() readonly?: boolean
@@ -86,7 +85,10 @@ export default class AvaxInput extends Vue {
         //@ts-ignore
         this.$refs.amt_in.maxout()
     }
-
+    reset() {
+        //@ts-ignore
+        this.$refs.amt_in.clear()
+    }
     amount_in(val: BN) {
         this.$emit('change', val)
     }
@@ -215,6 +217,10 @@ export default class AvaxInput extends Vue {
 .ticker {
     border-radius: var(--border-radius-sm);
     padding: 10px 12px;
+    border: 1px solid var(--camino-slate-slate-600);
+    &:disabled {
+        border: 1px solid var(--camino-slate-slate-600) !important;
+    }
 }
 
 .max_but {

diff --git a/src/components/misc/CamTooltip.vue b/src/components/misc/CamTooltip.vue
@@ -44,10 +44,10 @@ export default {
     bottom: 150%;
     left: 50%;
     transform: translateX(-50%);
-    white-space: nowrap;
     display: none;
     font-size: 14px;
     line-height: 22px;
+    z-index: 1;
 }
 
 .tooltip-content:after {
@@ -69,7 +69,8 @@ export default {
     top: 50%;
     left: 240%;
     transform: translateY(-50%);
-    white-space: nowrap;
+    width: max-content;
+    max-width: 300px;
     bottom: auto;
 }
 
@@ -88,6 +89,8 @@ export default {
 .tooltip[placement='bottom'] .tooltip-content {
     top: 180%;
     left: 50%;
+    width: max-content;
+    max-width: 300px;
     transform: translateX(-50%);
     bottom: auto;
 }
@@ -106,6 +109,8 @@ export default {
     right: 250%;
     left: auto;
     top: 50%;
+    width: max-content;
+    max-width: 300px;
     transform: translateY(-50%);
     bottom: auto;
 }