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

UI improvements

Browse Source
This commit is contained in:
Liyas Thomas
2020-06-30 07:39:28 +05:30
parent 2dce318a17
commit c223b251d6
5 changed files with 10 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
assets/css/styles.scss
View File

@@ -286,6 +286,11 @@ hr {
.info:not(.toasted) { .info:not(.toasted) {
margin-left: 4px; margin-left: 4px;
color: var(--fg-light-color); color: var(--fg-light-color);
.material-icons {
vertical-align: middle;
margin-right: 8px;
}
} }
.bg-color { .bg-color {

5
components/collections/index.vue
View File

@@ -62,7 +62,7 @@ TODO:
</div> </div>
</div> </div>
<p v-if="collections.length === 0" class="info"> <p v-if="collections.length === 0" class="info">
Create new collection <i class="material-icons">help_outline</i> Create new collection
</p> </p>
<div class="virtual-list"> <div class="virtual-list">
<ul> <ul>
@@ -76,9 +76,6 @@ TODO:
@edit-request="editRequest($event)" @edit-request="editRequest($event)"
/> />
</li> </li>
<li v-if="collections.length === 0">
<label>Collections are empty</label>
</li>
</ul> </ul>
</div> </div>
<nuxt-link :to="localePath('doc')" :aria-label="$t('documentation')"> <nuxt-link :to="localePath('doc')" :aria-label="$t('documentation')">

5
components/environments/index.vue
View File

@@ -25,7 +25,7 @@
</div> </div>
</div> </div>
<p v-if="environments.length === 0" class="info"> <p v-if="environments.length === 0" class="info">
Create new environment <i class="material-icons">help_outline</i> Create new environment
</p> </p>
<div class="virtual-list"> <div class="virtual-list">
<ul> <ul>
@@ -37,9 +37,6 @@
@select-environment="$emit('use-environment', environment)" @select-environment="$emit('use-environment', environment)"
/> />
</li> </li>
<li v-if="environments.length === 0">
<label>Environments are empty</label>
</li>
</ul> </ul>
</div> </div>
</pw-section> </pw-section>

4
components/layout/history.vue
View File

@@ -154,7 +154,7 @@
</li> </li>
</ul> </ul>
<p v-if="history.length === 0" class="info"> <p v-if="history.length === 0" class="info">
{{ $t("history_empty") }} <i class="material-icons">schedule</i> {{ $t("history_empty") }}
</p> </p>
<div v-if="history.length !== 0"> <div v-if="history.length !== 0">
<div class="flex-wrap" v-if="!isClearingHistory"> <div class="flex-wrap" v-if="!isClearingHistory">
@@ -221,7 +221,7 @@
</div> </div>
<div class="flex-wrap" v-else> <div class="flex-wrap" v-else>
<label for="clear-history-button" class="info"> <label for="clear-history-button" class="info">
{{ $t("are_you_sure") }} <i class="material-icons">help_outline</i> {{ $t("are_you_sure") }}
</label> </label>
<div> <div>
<button <button

8
components/lenses/renderers/JSONLensRenderer.vue
View File

@@ -38,7 +38,7 @@
</div> </div>
</div> </div>
<div class="valid-warning" v-if="jsonInvalid"> <div class="valid-warning" v-if="jsonInvalid">
Invalid JSON detected <p class="info"><i class="material-icons">error_outline</i> Invalid JSON</p>
</div> </div>
<div id="response-details-wrapper"> <div id="response-details-wrapper">
<Editor <Editor
@@ -59,12 +59,6 @@
</ul> </ul>
</template> </template>
<style scoped lang="scss">
.valid-warning {
color: yellow;
}
</style>
<script> <script>
import AceEditor from "../../ui/ace-editor" import AceEditor from "../../ui/ace-editor"
import { isJSONContentType } from "~/helpers/utils/contenttypes" import { isJSONContentType } from "~/helpers/utils/contenttypes"