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

⚡ Few UI tweaks

Browse Source
This commit is contained in:
Liyas Thomas
2019-10-29 13:36:41 +05:30
parent e7a7c7b5ac
commit 1250a46274
5 changed files with 37 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@@ -140,7 +140,7 @@ _Export, import and replace collections with JSON files_
_Collections are synced with local session storage_ _Collections are synced with local session storage_
📁 **Proxy**: Enable Proxy Mode from Settings to access blocked APIs 🌐 **Proxy**: Enable Proxy Mode from Settings to access blocked APIs
**Features:** **Features:**
- Hide your IP address - Hide your IP address

2
components/collections/collection.vue
View File

@@ -61,7 +61,7 @@
ul li { ul li {
display: flex; display: flex;
padding-left: 16px; margin-left: 32px;
border-left: 1px solid var(--brd-color); border-left: 1px solid var(--brd-color);
} }
</style> </style>

2
components/collections/folder.vue
View File

@@ -46,7 +46,7 @@
ul li { ul li {
display: flex; display: flex;
padding-left: 16px; margin-left: 32px;
border-left: 1px solid var(--brd-color); border-left: 1px solid var(--brd-color);
} }
</style> </style>

1
layouts/default.vue
View File

@@ -223,6 +223,7 @@
"--act-color", "--act-color",
vibrant ? "rgb(37, 38, 40)" : "#ffffff" vibrant ? "rgb(37, 38, 40)" : "#ffffff"
); );
document.querySelector('meta[name=theme-color]').setAttribute('content', this.$store.state.postwoman.settings.THEME_TAB_COLOR || "#252628")
})(); })();
}, },

66
pages/index.vue
View File

@@ -130,22 +130,22 @@
</ul> </ul>
<ul v-for="(param, index) in bodyParams" :key="index"> <ul v-for="(param, index) in bodyParams" :key="index">
<li> <li>
<input <input
:placeholder="'key '+(index+1)" :placeholder="'key '+(index+1)"
:name="'bparam'+index" :name="'bparam'+index"
:value="param.key" :value="param.key"
@change="$store.commit('setKeyBodyParams', { index, value: $event.target.value })" @change="$store.commit('setKeyBodyParams', { index, value: $event.target.value })"
@keyup.prevent="setRouteQueryState" @keyup.prevent="setRouteQueryState"
autofocus autofocus
/> />
</li> </li>
<li> <li>
<input <input
:placeholder="'value '+(index+1)" :placeholder="'value '+(index+1)"
:id="'bvalue'+index" :id="'bvalue'+index"
:name="'bvalue'+index" :name="'bvalue'+index"
:value="param.value" :value="param.value"
@change="$store.commit('setValueBodyParams', { index, value: $event.target.value })" @change="$store.commit('setValueBodyParams', { index, value: $event.target.value })"
@keyup.prevent="setRouteQueryState" @keyup.prevent="setRouteQueryState"
/> />
</li> </li>
@@ -357,21 +357,21 @@
</ul> </ul>
<ul v-for="(header, index) in headers" :key="index"> <ul v-for="(header, index) in headers" :key="index">
<li> <li>
<input <input
:placeholder="'header '+(index+1)" :placeholder="'header '+(index+1)"
:name="'header'+index" :name="'header'+index"
:value="header.key" :value="header.key"
@change="$store.commit('setKeyHeader', { index, value: $event.target.value })" @change="$store.commit('setKeyHeader', { index, value: $event.target.value })"
@keyup.prevent="setRouteQueryState" @keyup.prevent="setRouteQueryState"
autofocus autofocus
/> />
</li> </li>
<li> <li>
<input <input
:placeholder="'value '+(index+1)" :placeholder="'value '+(index+1)"
:name="'value'+index" :name="'value'+index"
:value="header.value" :value="header.value"
@change="$store.commit('setValueHeader', { index, value: $event.target.value })" @change="$store.commit('setValueHeader', { index, value: $event.target.value })"
@keyup.prevent="setRouteQueryState" @keyup.prevent="setRouteQueryState"
/> />
</li> </li>
@@ -420,19 +420,19 @@
</ul> </ul>
<ul v-for="(param, index) in params" :key="index"> <ul v-for="(param, index) in params" :key="index">
<li> <li>
<input <input
:placeholder="'parameter '+(index+1)" :placeholder="'parameter '+(index+1)"
:name="'param'+index" :name="'param'+index"
:value="param.key" :value="param.key"
@change="$store.commit('setKeyParams', { index, value: $event.target.value })" @change="$store.commit('setKeyParams', { index, value: $event.target.value })"
autofocus autofocus
/> />
</li> </li>
<li> <li>
<input <input
:placeholder="'value '+(index+1)" :placeholder="'value '+(index+1)"
:name="'value'+index" :name="'value'+index"
:value="param.value" :value="param.value"
@change="$store.commit('setValueParams', { index, value: $event.target.value })" @change="$store.commit('setValueParams', { index, value: $event.target.value })"
/> />
</li> </li>
@@ -1572,4 +1572,4 @@ export default {
); );
} }
}; };
</script> </script>