btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

:liptick: Minor UI update

Browse Source
This commit is contained in:
Liyas Thomas
2019-11-21 06:55:37 +05:30
parent 1ab2de9c69
commit 8d99d4aa99
15 changed files with 89 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
pages/graphql.vue
View File

@@ -13,13 +13,15 @@
@keyup.enter="getSchema()"
/>
</li>
<li>
<label for="get" class="hide-on-small-screen">&nbsp;</label>
<button id="get" name="get" @click="getSchema">
Get Schema
<span><i class="material-icons">send</i></span>
</button>
</li>
<div>
<li>
<label for="get" class="hide-on-small-screen">&nbsp;</label>
<button id="get" name="get" @click="getSchema">
Get Schema
<span><i class="material-icons">send</i></span>
</button>
</li>
</div>
</ul>
</pw-section>

32
pages/index.vue
View File

@@ -88,21 +88,23 @@
<option value="Users"></option>
</datalist>
</li>
<li>
<label class="hide-on-small-screen" for="send">&nbsp;</label>
<button
:disabled="!isValidURL"
@click="sendRequest"
id="send"
ref="sendButton"
>
Send
<span id="hidden-message">Again</span>
<span>
<i class="material-icons">send</i>
</span>
</button>
</li>
<div>
<li>
<label class="hide-on-small-screen" for="send">&nbsp;</label>
<button
:disabled="!isValidURL"
@click="sendRequest"
id="send"
ref="sendButton"
>
Send
<span id="hidden-message">Again</span>
<span>
<i class="material-icons">send</i>
</span>
</button>
</li>
</div>
</ul>
<div
class="blue"

65
pages/websocket.vue
View File

@@ -12,21 +12,23 @@
@keyup.enter="urlValid ? toggleConnection() : null"
/>
</li>
<li>
<label for="connect" class="hide-on-small-screen">&nbsp;</label>
<button
:disabled="!urlValid"
id="connect"
name="connect"
@click="toggleConnection"
>
{{ toggleConnectionVerb }}
<span>
<i class="material-icons" v-if="!connectionState">sync</i>
<i class="material-icons" v-if="connectionState">sync_disabled</i>
</span>
</button>
</li>
<div>
<li>
<label for="connect" class="hide-on-small-screen">&nbsp;</label>
<button
:disabled="!urlValid"
id="connect"
name="connect"
@click="toggleConnection"
>
{{ toggleConnectionVerb }}
<span>
<i class="material-icons" v-if="!connectionState">sync</i>
<i class="material-icons" v-if="connectionState">sync_disabled</i>
</span>
</button>
</li>
</div>
</ul>
</pw-section>
@@ -65,20 +67,22 @@
@keyup.enter="connectionState ? sendMessage() : null"
/>
</li>
<li>
<label for="send" class="hide-on-small-screen">&nbsp;</label>
<button
id="send"
name="send"
:disabled="!connectionState"
@click="sendMessage"
>
Send
<span>
<i class="material-icons">send</i>
</span>
</button>
</li>
<div>
<li>
<label for="send" class="hide-on-small-screen">&nbsp;</label>
<button
id="send"
name="send"
:disabled="!connectionState"
@click="sendMessage"
>
Send
<span>
<i class="material-icons">send</i>
</span>
</button>
</li>
</div>
</ul>
</pw-section>
</div>
@@ -96,8 +100,9 @@ div.log {
&,
span {
font-size: 18px;
font-size: 16px;
font-family: "Roboto Mono", monospace;
font-weight: 400;
}
span {