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

Compact UI. fixe #314

Browse Source
This commit is contained in:
Liyas Thomas
2019-11-20 06:16:02 +05:30
parent 631c8b625b
commit fad28ee40b
6 changed files with 15 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
components/graphql/field.vue
View File

@@ -13,33 +13,27 @@
<style> <style>
.field-box { .field-box {
padding: 1em; padding: 16px;
border-radius: 5px; margin: 4px 0;
border-style: solid;
border-width: 0.01em;
border-color: var(--fg-color);
margin-top: 0.5em;
margin-bottom: 0.5em;
} }
.field-title { .field-title {
font-weight: bold; font-weight: 700;
} }
.field-deprecated { .field-deprecated {
background-color: yellow; background-color: yellow;
color: black; color: black;
display: inline-block; display: inline-block;
padding: 0.2em; padding: 4px 8px;
padding-left: 0.4em; margin: 4px 0;
padding-right: 0.4em; border-radius: 4px;
margin-top: 1em; font-weight: 700;
border-radius: 5px;
font-weight: bold;
} }
.field-desc { .field-desc {
opacity: 0.7; color: var(--fg-light-color);
margin-top: 0.5em; margin-top: 4px;
} }
</style> </style>

15
components/graphql/type.vue
View File

@@ -16,22 +16,17 @@
<style> <style>
.type-box { .type-box {
padding: 1em; padding: 16px;
border-radius: 5px; margin: 4px 0;
border-style: solid;
border-width: 0.01em;
border-color: var(--fg-color);
margin-top: 0.5em;
margin-bottom: 0.5em;
} }
.type-desc { .type-desc {
opacity: 0.7; color: var(--fg-light-color);
margin-top: 0.5em; margin-top: 4px;
} }
.type-title { .type-title {
font-weight: bold; font-weight: 700;
} }
</style> </style>

2
pages/graphql.vue
View File

@@ -23,8 +23,6 @@
</ul> </ul>
</pw-section> </pw-section>
<br />
<pw-section class="green" label="Schema" ref="schema"> <pw-section class="green" label="Schema" ref="schema">
<Editor <Editor
:value="schemaString" :value="schemaString"

7
pages/index.vue
View File

@@ -309,13 +309,10 @@
</div> </div>
</pw-section> </pw-section>
<br />
<section id="options"> <section id="options">
<input id="tab-one" type="radio" name="options" checked="checked" /> <input id="tab-one" type="radio" name="options" checked="checked" />
<label for="tab-one">Authentication</label> <label for="tab-one">Authentication</label>
<div class="tab"> <div class="tab">
<br />
<pw-section <pw-section
class="cyan" class="cyan"
@@ -402,7 +399,6 @@
<input id="tab-two" type="radio" name="options" /> <input id="tab-two" type="radio" name="options" />
<label for="tab-two">Headers</label> <label for="tab-two">Headers</label>
<div class="tab"> <div class="tab">
<br />
<pw-section class="orange" label="Headers" ref="headers"> <pw-section class="orange" label="Headers" ref="headers">
<ul> <ul>
@@ -484,7 +480,6 @@
<input id="tab-three" type="radio" name="options" /> <input id="tab-three" type="radio" name="options" />
<label for="tab-three">Parameters</label> <label for="tab-three">Parameters</label>
<div class="tab"> <div class="tab">
<br />
<pw-section class="pink" label="Parameters" ref="parameters"> <pw-section class="pink" label="Parameters" ref="parameters">
<ul> <ul>
@@ -563,8 +558,6 @@
</div> </div>
</section> </section>
<br />
<pw-section <pw-section
class="purple" class="purple"
id="response" id="response"

2
pages/settings.vue
View File

@@ -56,8 +56,6 @@
</ul> </ul>
</pw-section> </pw-section>
<br />
<pw-section class="blue" label="Proxy" ref="proxy"> <pw-section class="blue" label="Proxy" ref="proxy">
<ul> <ul>
<li> <li>

2
pages/websocket.vue
View File

@@ -30,8 +30,6 @@
</ul> </ul>
</pw-section> </pw-section>
<br />
<pw-section <pw-section
class="purple" class="purple"
label="Communication" label="Communication"