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

feat: remove tailwindcss + introduce windicss

Browse Source
This commit is contained in:
Liyas Thomas
2021-06-25 23:44:27 +00:00
committed by GitHub
parent 3e5629e738
commit 6d33132705
84 changed files with 1560 additions and 40544 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
components/http/BodyParameters.vue
View File

@@ -7,7 +7,7 @@
<div>
<button
v-tooltip.bottom="$t('clear')"
class="icon"
class="icon button"
@click="clearContent('bodyParams', $event)"
>
<i class="material-icons">clear_all</i>
@@ -31,6 +31,7 @@
>
<li>
<input
class="input"
:placeholder="`key ${index + 1}`"
:name="`bparam ${index}`"
:value="param.key"
@@ -42,6 +43,7 @@
<li>
<input
v-if="!requestBodyParamIsFile(index)"
class="input"
:placeholder="`value ${index + 1}`"
:value="param.value"
@change="
@@ -73,7 +75,7 @@
: $t('turn_on')
: $t('turn_off'),
}"
class="icon"
class="icon button"
@click="toggleActive(index, param)"
>
<i class="material-icons">
@@ -92,7 +94,7 @@
<li>
<label for="attachment" class="p-0">
<button
class="w-full icon"
class="w-full button icon"
@click="$refs.attachment[index].click()"
>
<i class="material-icons">attach_file</i>
@@ -100,6 +102,7 @@
</label>
<input
ref="attachment"
class="input"
name="attachment"
type="file"
multiple
@@ -111,7 +114,7 @@
<li>
<button
v-tooltip.bottom="$t('delete')"
class="icon"
class="icon button"
@click="removeRequestBodyParam(index)"
>
<i class="material-icons">delete</i>
@@ -121,7 +124,11 @@
</ul>
<ul>
<li>
<button class="icon" name="addrequest" @click="addRequestBodyParam">
<button
class="icon button"
name="addrequest"
@click="addRequestBodyParam"
>
<i class="material-icons">add</i>
<span>{{ $t("add_new") }}</span>
</button>

10
components/http/CodegenModal.vue
View File

@@ -2,9 +2,9 @@
<SmartModal v-if="show" @close="hideModal">
<div slot="header">
<div class="row-wrapper">
<h3 class="title">{{ $t("generate_code") }}</h3>
<h3 class="heading">{{ $t("generate_code") }}</h3>
<div>
<button class="icon" @click="hideModal">
<button class="icon button" @click="hideModal">
<i class="material-icons">close</i>
</button>
</div>
@@ -22,7 +22,7 @@
id="requestType"
v-model="requestType"
:placeholder="$t('choose_language')"
class="cursor-pointer"
class="input cursor-pointer"
readonly
autofocus
/>
@@ -30,7 +30,7 @@
<div v-for="gen in codegens" :key="gen.id">
<button
v-close-popover
class="icon"
class="icon button"
@click="requestType = gen.id"
>
{{ gen.name }}
@@ -45,7 +45,7 @@
<button
ref="copyRequestCode"
v-tooltip="$t('copy_code')"
class="icon"
class="icon button"
@click="copyRequestCode"
>
<i class="material-icons">content_copy</i>

9
components/http/Headers.vue
View File

@@ -7,7 +7,7 @@
<div>
<button
v-tooltip.bottom="$t('clear')"
class="icon"
class="icon button"
@click="clearContent('headers', $event)"
>
<i class="material-icons">clear_all</i>
@@ -47,6 +47,7 @@
</li>
<li>
<input
class="input"
:placeholder="$t('value_count', { count: index + 1 })"
:name="'value' + index"
:value="header.value"
@@ -69,7 +70,7 @@
: $t('turn_on')
: $t('turn_off'),
}"
class="icon"
class="icon button"
@click="
$store.commit('setActiveHeader', {
index,
@@ -93,7 +94,7 @@
<li>
<button
v-tooltip.bottom="$t('delete')"
class="icon"
class="icon button"
@click="removeRequestHeader(index)"
>
<i class="material-icons">delete</i>
@@ -103,7 +104,7 @@
</ul>
<ul>
<li>
<button class="icon" @click="addRequestHeader">
<button class="icon button" @click="addRequestHeader">
<i class="material-icons">add</i>
<span>{{ $t("add_new") }}</span>
</button>

9
components/http/ImportCurl.vue
View File

@@ -2,9 +2,9 @@
<SmartModal v-if="show" @close="hideModal">
<div slot="header">
<div class="row-wrapper">
<h3 class="title">{{ $t("import_curl") }}</h3>
<h3 class="heading">{{ $t("import_curl") }}</h3>
<div>
<button class="icon" @click="hideModal">
<button class="icon button" @click="hideModal">
<i class="material-icons">close</i>
</button>
</div>
@@ -13,6 +13,7 @@
<div slot="body" class="flex flex-col">
<textarea
id="import-curl"
class="textarea"
autofocus
rows="8"
:placeholder="$t('enter_curl')"
@@ -22,10 +23,10 @@
<div class="row-wrapper">
<span></span>
<span>
<button class="icon" @click="hideModal">
<button class="icon button" @click="hideModal">
{{ $t("cancel") }}
</button>
<button class="icon primary" @click="handleImport">
<button class="icon button primary" @click="handleImport">
{{ $t("import") }}
</button>
</span>

11
components/http/Parameters.vue
View File

@@ -7,7 +7,7 @@
<div>
<button
v-tooltip.bottom="$t('clear')"
class="icon"
class="icon button"
@click="clearContent('parameters', $event)"
>
<i class="material-icons">clear_all</i>
@@ -31,6 +31,7 @@
>
<li>
<input
class="input"
:placeholder="$t('parameter_count', { count: index + 1 })"
:name="'param' + index"
:value="param.key"
@@ -45,6 +46,7 @@
</li>
<li>
<input
class="input"
:placeholder="$t('value_count', { count: index + 1 })"
:name="'value' + index"
:value="param.value"
@@ -59,6 +61,7 @@
<li>
<span class="select-wrapper">
<select
class="select"
:name="'type' + index"
@change="
$store.commit('setTypeParams', {
@@ -86,7 +89,7 @@
: $t('turn_on')
: $t('turn_off'),
}"
class="icon"
class="icon button"
@click="
$store.commit('setActiveParams', {
index,
@@ -110,7 +113,7 @@
<li>
<button
v-tooltip.bottom="$t('delete')"
class="icon"
class="icon button"
@click="removeRequestParam(index)"
>
<i class="material-icons">delete</i>
@@ -120,7 +123,7 @@
</ul>
<ul>
<li>
<button class="icon" @click="addRequestParam">
<button class="icon button" @click="addRequestParam">
<i class="material-icons">add</i>
<span>{{ $t("add_new") }}</span>
</button>

7
components/http/RawBody.vue
View File

@@ -9,7 +9,7 @@
v-if="rawInput && contentType.endsWith('json')"
ref="prettifyRequest"
v-tooltip="$t('prettify_body')"
class="icon"
class="icon button"
@click="prettifyRequestBody"
>
<i class="material-icons">photo_filter</i>
@@ -17,7 +17,7 @@
<label for="payload" class="p-0">
<button
v-tooltip="$t('import_json')"
class="icon"
class="icon button"
@click="$refs.payload.click()"
>
<i class="material-icons">post_add</i>
@@ -25,13 +25,14 @@
</label>
<input
ref="payload"
class="input"
name="payload"
type="file"
@change="uploadPayload"
/>
<button
v-tooltip.bottom="$t('clear')"
class="icon"
class="icon button"
@click="clearContent('rawParams', $event)"
>
<i class="material-icons">clear_all</i>

13
components/http/TokenList.vue
View File

@@ -2,9 +2,9 @@
<SmartModal v-if="show" @close="hideModal">
<div slot="header">
<div class="row-wrapper">
<h3 class="title">{{ $t("manage_token") }}</h3>
<h3 class="heading">{{ $t("manage_token") }}</h3>
<div>
<button class="icon" @click="hideModal">
<button class="icon button" @click="hideModal">
<i class="material-icons">close</i>
</button>
</div>
@@ -16,7 +16,7 @@
<div v-if="tokens.length != 0">
<button
v-tooltip.bottom="$t('clear')"
class="icon"
class="icon button"
@click="clearContent('tokens', $event)"
>
<i class="material-icons">clear_all</i>
@@ -26,6 +26,7 @@
<ul v-for="(token, index) in tokens" :key="index">
<li>
<input
class="input"
:placeholder="`name ${index + 1}`"
:value="token.name"
@change="
@@ -37,13 +38,13 @@
/>
</li>
<li>
<input :value="token.value" readonly />
<input class="input" :value="token.value" readonly />
</li>
<div class="row-wrapper">
<li>
<button
v-tooltip.bottom="$t('use_token')"
class="icon"
class="icon button"
@click="useOAuthToken(token.value)"
>
<i class="material-icons">input</i>
@@ -52,7 +53,7 @@
<li>
<button
v-tooltip.bottom="$t('delete')"
class="icon"
class="icon button"
@click="removeOAuthToken(index)"
>
<i class="material-icons">delete</i>