Browse Source

"All zones" button + some other stuff

vue
Lev 2 years ago
parent
commit
4db0b5de6a
  1. 29
      .idea/workspace.xml
  2. 49
      src/assets/icons/ton_left.svg
  3. 17
      src/assets/main.css
  4. 4
      src/components/DarkLayout.vue
  5. 12
      src/components/Header.vue
  6. 1
      src/views/Explore.vue
  7. 2
      src/views/FindQ.vue
  8. 7
      src/views/Get.vue

29
.idea/workspace.xml

@ -1,15 +1,14 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ChangeListManager">
<list default="true" id="ddb8afd5-d3ba-47b1-b6d0-227403f1abf7" name="Changes" comment="Checkout, Explore">
<change afterPath="$PROJECT_DIR$/src/components/DomainResult.vue" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/Checkout.vue" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/Explore.vue" afterDir="false" />
<list default="true" id="ddb8afd5-d3ba-47b1-b6d0-227403f1abf7" name="Changes" comment="&quot;All zones&quot; button + some other stuff">
<change afterPath="$PROJECT_DIR$/src/assets/icons/ton_left.svg" afterDir="false" />
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/DomainBar.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/DomainBar.vue" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/TonButton.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/TonButton.vue" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/result.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/result.ts" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/router/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/router/index.ts" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/assets/main.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/assets/main.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/DarkLayout.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/DarkLayout.vue" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/Header.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/Header.vue" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/Explore.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/Explore.vue" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/FindQ.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/FindQ.vue" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/Get.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/Get.vue" afterDir="false" />
</list>
<option name="SHOW_DIALOG" value="false" />
@ -78,7 +77,7 @@
<workItem from="1670927344373" duration="29000" />
<workItem from="1670927391338" duration="2277000" />
<workItem from="1671024025708" duration="19806000" />
<workItem from="1671204365793" duration="14195000" />
<workItem from="1671204365793" duration="15716000" />
</task>
<task id="LOCAL-00001" summary="Wrote the landing">
<created>1670844191163</created>
@ -143,7 +142,14 @@
<option name="project" value="LOCAL" />
<updated>1671225896559</updated>
</task>
<option name="localTasksCounter" value="10" />
<task id="LOCAL-00010" summary="Checkout, Explore">
<created>1671227655693</created>
<option name="number" value="00010" />
<option name="presentableId" value="LOCAL-00010" />
<option name="project" value="LOCAL" />
<updated>1671227655693</updated>
</task>
<option name="localTasksCounter" value="11" />
<servers />
</component>
<component name="TypeScriptGeneratedFilesManager">
@ -171,6 +177,7 @@
<MESSAGE value="Changed zone repr + results, api, and Find" />
<MESSAGE value="Displaying results" />
<MESSAGE value="Checkout, Explore" />
<option name="LAST_COMMIT_MESSAGE" value="Checkout, Explore" />
<MESSAGE value="&quot;All zones&quot; button + some other stuff" />
<option name="LAST_COMMIT_MESSAGE" value="&quot;All zones&quot; button + some other stuff" />
</component>
</project>

49
src/assets/icons/ton_left.svg

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 123 KiB

17
src/assets/main.css

@ -147,7 +147,7 @@ a,
@media (max-width: 800px) {
.mobile-scale {
scale: 70%;
scale: 80%;
}
}
@ -159,3 +159,18 @@ a,
margin-left: 0.9rem;
cursor: pointer;
}
.flex {
display: flex;
}
.b.back {
font-family: 'Inconsolata', monospace;
font-size: 1.5rem;
padding: 0.8rem;
}
.b.back > img {
max-height: 1rem;
margin-right: 0.4rem;
}

4
src/components/DarkLayout.vue

@ -1,6 +1,8 @@
<template>
<main style="width: 100vw; min-height: 100vh; height: 100%;" id="dark_body">
<Header/>
<Header>
<slot name="header"></slot>
</Header>
<div class="center">
<div class="content center">
<slot></slot>

12
src/components/Header.vue

@ -1,11 +1,12 @@
<template>
<header>
<div class="wrapper">
<div class="wrapper flex">
<router-link to="/"><img class="logo" src="@/assets/logo.png" alt="Agorata" /></router-link>
<nav>
<!-- <router-link to="/">Home</router-link>-->
<!-- <router-link to="/about">About</router-link>-->
<!-- <router-link to="/contact">Contact</router-link>-->
<slot></slot>
</nav>
</div>
</header>
@ -23,6 +24,11 @@ header {
max-height: 10rem;
padding-left: 1rem;
padding-top: 1rem;
margin-bottom: 2rem;
}
div.wrapper {
flex-wrap: wrap;
}
.logo {
display: block;
@ -34,7 +40,6 @@ nav {
width: 100%;
font-size: 12px;
text-align: center;
margin-top: 2rem;
}
@media (min-width: 1024px) {
@ -51,7 +56,7 @@ nav {
header .wrapper {
display: flex;
place-items: flex-start;
flex-wrap: wrap;
flex-wrap: initial;
}
nav {
@ -60,7 +65,6 @@ nav {
font-size: 1rem;
padding: 1rem 0;
margin-top: 1rem;
}
}
</style>

1
src/views/Explore.vue

@ -1,5 +1,6 @@
<template>
<DarkLayout>
<!-- todo: button to go back + this whole view -->
<DomainBar :value="core_domain" :zone="'.' + zone" :has_button="false" :editable="false"/>
</DarkLayout>
</template>

2
src/views/FindQ.vue

@ -4,7 +4,7 @@
<DomainBar zone="" :value="query_" @search="search()" @input_d="query_ = $event"/>
<div class="results">
<RotateSquare2 v-if="results === null" style="width: 5rem; height: 5rem"/>
<div v-for="result in results" :key="result">
<div v-for="result in results" :key="result" class="mobile-scale">
<div class="search-result">
<span class="domain">{{ result.domain }}</span>
<table>

7
src/views/Get.vue

@ -1,8 +1,13 @@
<template>
<DarkLayout>
<template v-slot:header>
<router-link :to="{name: 'Find'}">
<!-- todo: "All zones" button here -->
<button class="b darkish back">
<img src="@/assets/icons/ton_left.svg" alt="TON"/>
All zones
</button>
</router-link>
</template>
<DomainBar :zone="'.' + zone" :value="domain" @search="search()" @input_d="handle_input($event)"/>
<DomainResult :domain="domain + '.' + zone"/>
</DarkLayout>

Loading…
Cancel
Save