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 @@ - - - + - - + - - + - - @@ -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 }} + + + + + + + + + + + + + +
+ + Buy on auction + + + + Instant Buy + +
+ {{ result.auction_price }} + + {{ result.buy_price }} +
+ +
+ + +
+
+
@@ -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