diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index c6cfc7a..16f3243 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -1,18 +1,12 @@
-
-
-
+
-
-
+
-
-
+
-
-
@@ -80,7 +74,7 @@
-
+
1670844191163
@@ -131,7 +125,14 @@
1671214435706
-
+
+ 1671225120000
+
+
+
+ 1671225120000
+
+
@@ -156,6 +157,7 @@
-
+
+
\ No newline at end of file
diff --git a/src/assets/main.css b/src/assets/main.css
index 64d2c51..edf1bfb 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -149,4 +149,13 @@ a,
.mobile-scale {
scale: 70%;
}
+}
+
+.get_b {
+ background-color: #e36464;
+ color: #363e5e;
+ border-radius: 0.5rem;
+ padding: 0.2rem 0.8rem;
+ margin-left: 0.9rem;
+ cursor: pointer;
}
\ No newline at end of file
diff --git a/src/components/ZonePricing.vue b/src/components/ZonePricing.vue
index 8a2623f..27c417f 100644
--- a/src/components/ZonePricing.vue
+++ b/src/components/ZonePricing.vue
@@ -91,12 +91,6 @@ tr > th {
}
.get_b {
- background-color: #e36464;
- color: #363e5e;
- border-radius: 0.5rem;
- padding: 0.2rem 0.8rem;
- margin-left: 0.9rem;
margin-top: 2.1rem;
- cursor: pointer;
}
\ No newline at end of file
diff --git a/src/result.ts b/src/result.ts
index df18cc3..b9bd610 100644
--- a/src/result.ts
+++ b/src/result.ts
@@ -19,6 +19,14 @@ export class Result {
zone: /* domain after . */ this.domain.split('.').slice(1).join('.')
}
}
+
+ canAuction(): boolean {
+ return this.auction_price !== undefined && this.auction_price !== null;
+ }
+
+ canBuy(): boolean {
+ return this.buy_price !== undefined && this.buy_price !== null;
+ }
}
const sleep = (milliseconds: number) => {
diff --git a/src/views/FindQ.vue b/src/views/FindQ.vue
index 6273a20..c83859b 100644
--- a/src/views/FindQ.vue
+++ b/src/views/FindQ.vue
@@ -5,11 +5,41 @@
-
-
- {{ result }}
-
-
+
+
{{ result.domain }}
+
+
+
+
+
+
+
+ |
+
+
+
+
+ |
+
+
+
+
+
+ {{ result.auction_price }}
+ |
+
+ {{ result.buy_price }}
+ |
+
+
+
+
+
+ Get
+ See
+
+
+
@@ -20,6 +50,8 @@
import DomainBar from "../components/DomainBar.vue";
import DarkLayout from "../components/DarkLayout.vue";
import RotateSquare2 from "../components/RotateSquare2.vue";
+import TonButton from "../components/TonButton.vue";
+import Popper from "vue3-popper";
import {get_search_results} from "../result";
export default {
@@ -38,7 +70,7 @@ export default {
mounted() {
this.getResults();
},
- components: {RotateSquare2, DarkLayout, DomainBar},
+ components: {RotateSquare2, DarkLayout, DomainBar, TonButton, Popper},
methods: {
search() {
this.$router.push({name: 'FindQ', params: {query: this.query_}});
@@ -62,6 +94,25 @@ export default {
background-color: #4e5a88;
color: white;
font-size: 1.5rem;
- cursor: pointer;
+ display: flex;
+ height: 6rem;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.search-result > .domain {
+ font-family: 'Inconsolata', monospace;
+}
+
+table {
+ width: 10rem;
+}
+
+.buy_img {
+ margin-bottom: -15px;
+}
+
+tr > th {
+ padding-bottom: -10px;
}
\ No newline at end of file