feat: remove tailwindcss + introduce windicss
This commit is contained in:
Liyas Thomas
GitHub
@@ -12,7 +12,7 @@
|
||||
<label for="collectionUpload">
|
||||
<button
|
||||
v-tooltip="'JSON'"
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="$refs.collectionUpload.click()"
|
||||
>
|
||||
<i class="material-icons">folder</i>
|
||||
@@ -21,6 +21,7 @@
|
||||
</label>
|
||||
<input
|
||||
ref="collectionUpload"
|
||||
class="input"
|
||||
name="collectionUpload"
|
||||
type="file"
|
||||
@change="uploadCollection"
|
||||
@@ -28,7 +29,7 @@
|
||||
<div>
|
||||
<button
|
||||
v-tooltip.bottom="$t('clear')"
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="collectionJSON = '[]'"
|
||||
>
|
||||
<i class="material-icons">clear_all</i>
|
||||
@@ -48,7 +49,7 @@
|
||||
useWorker: false,
|
||||
}"
|
||||
/>
|
||||
<button class="icon" @click="getDoc">
|
||||
<button class="icon button" @click="getDoc">
|
||||
<i class="material-icons">topic</i>
|
||||
<span>{{ $t("generate_docs") }}</span>
|
||||
</button>
|
||||
@@ -79,7 +80,7 @@
|
||||
? true
|
||||
: false
|
||||
"
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="createDocsGist"
|
||||
>
|
||||
<i class="material-icons">assignment</i>
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
v-model="url"
|
||||
type="url"
|
||||
spellcheck="false"
|
||||
class="md:rounded-bl-lg"
|
||||
class="input md:rounded-bl-lg"
|
||||
:placeholder="$t('url')"
|
||||
@keyup.enter="onPollSchemaClick()"
|
||||
/>
|
||||
@@ -22,7 +22,11 @@
|
||||
<button
|
||||
id="get"
|
||||
name="get"
|
||||
class="rounded-b-lg md:rounded-bl-none md:rounded-br-lg"
|
||||
class="
|
||||
button
|
||||
rounded-b-lg
|
||||
md:rounded-bl-none md:rounded-br-lg
|
||||
"
|
||||
@click="onPollSchemaClick"
|
||||
>
|
||||
{{ !isPollingSchema ? $t("connect") : $t("disconnect") }}
|
||||
@@ -47,7 +51,7 @@
|
||||
<div>
|
||||
<button
|
||||
v-tooltip.bottom="$t('clear')"
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="headers = []"
|
||||
>
|
||||
<i class="material-icons">clear_all</i>
|
||||
@@ -83,6 +87,7 @@
|
||||
</li>
|
||||
<li>
|
||||
<input
|
||||
class="input"
|
||||
:placeholder="$t('value_count', { count: index + 1 })"
|
||||
:name="`value ${index}`"
|
||||
:value="header.value"
|
||||
@@ -105,7 +110,7 @@
|
||||
: $t('turn_on')
|
||||
: $t('turn_off'),
|
||||
}"
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="
|
||||
$store.commit('setActiveGQLHeader', {
|
||||
index,
|
||||
@@ -131,7 +136,7 @@
|
||||
<li>
|
||||
<button
|
||||
v-tooltip.bottom="$t('delete')"
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="removeRequestHeader(index)"
|
||||
>
|
||||
<i class="material-icons">delete</i>
|
||||
@@ -141,7 +146,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>
|
||||
@@ -161,7 +166,7 @@
|
||||
? $t('expand_response')
|
||||
: $t('collapse_response'),
|
||||
}"
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="ToggleExpandResponse"
|
||||
>
|
||||
<i class="material-icons">
|
||||
@@ -171,7 +176,7 @@
|
||||
<button
|
||||
ref="downloadSchema"
|
||||
v-tooltip="$t('download_file')"
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="downloadSchema"
|
||||
>
|
||||
<i class="material-icons">save_alt</i>
|
||||
@@ -179,7 +184,7 @@
|
||||
<button
|
||||
ref="copySchemaCode"
|
||||
v-tooltip="$t('copy_schema')"
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="copySchema"
|
||||
>
|
||||
<i class="material-icons">content_copy</i>
|
||||
@@ -204,7 +209,7 @@
|
||||
<input
|
||||
v-else
|
||||
ref="status"
|
||||
class="rounded-b-lg missing-data-response"
|
||||
class="input rounded-b-lg missing-data-response"
|
||||
:value="$t('waiting_receive_schema')"
|
||||
name="status"
|
||||
readonly
|
||||
@@ -220,6 +225,7 @@
|
||||
v-tooltip.bottom="
|
||||
`${$t('run_query')} (${getSpecialKey()}-Enter)`
|
||||
"
|
||||
class="button"
|
||||
@click="runQuery()"
|
||||
>
|
||||
<i class="material-icons">play_arrow</i>
|
||||
@@ -227,14 +233,14 @@
|
||||
<button
|
||||
ref="copyQueryButton"
|
||||
v-tooltip="$t('copy_query')"
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="copyQuery"
|
||||
>
|
||||
<i class="material-icons">content_copy</i>
|
||||
</button>
|
||||
<button
|
||||
v-tooltip="`${$t('prettify_query')} (${getSpecialKey()}-P)`"
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="doPrettifyQuery"
|
||||
>
|
||||
<i class="material-icons">photo_filter</i>
|
||||
@@ -242,7 +248,7 @@
|
||||
<button
|
||||
ref="saveRequest"
|
||||
v-tooltip.bottom="$t('save_to_collections')"
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="saveRequest"
|
||||
>
|
||||
<i class="material-icons">create_new_folder</i>
|
||||
@@ -295,7 +301,7 @@
|
||||
v-if="response"
|
||||
ref="downloadResponse"
|
||||
v-tooltip="$t('download_file')"
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="downloadResponse"
|
||||
>
|
||||
<i class="material-icons">save_alt</i>
|
||||
@@ -304,7 +310,7 @@
|
||||
v-if="response"
|
||||
ref="copyResponseButton"
|
||||
v-tooltip="$t('copy_response')"
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="copyResponse"
|
||||
>
|
||||
<i class="material-icons">content_copy</i>
|
||||
@@ -330,7 +336,7 @@
|
||||
<input
|
||||
v-else
|
||||
ref="status"
|
||||
class="rounded-b-lg missing-data-response"
|
||||
class="input rounded-b-lg missing-data-response"
|
||||
:value="$t('waiting_receive_response')"
|
||||
name="status"
|
||||
readonly
|
||||
@@ -353,7 +359,7 @@
|
||||
v-model="graphqlFieldsFilterText"
|
||||
type="text"
|
||||
:placeholder="$t('search')"
|
||||
class="rounded-t-lg"
|
||||
class="input rounded-t-lg"
|
||||
/>
|
||||
<SmartTabs ref="gqlTabs" styles="m-4">
|
||||
<div class="gqlTabs">
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
<v-popover>
|
||||
<input
|
||||
id="method"
|
||||
class="drop-down-input"
|
||||
class="input drop-down-input"
|
||||
v-model="method"
|
||||
:readonly="!customMethod"
|
||||
autofocus
|
||||
@@ -22,7 +22,7 @@
|
||||
:key="`method-${index}`"
|
||||
>
|
||||
<button
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="
|
||||
customMethod =
|
||||
methodMenuItem == 'CUSTOM' ? true : false
|
||||
@@ -42,7 +42,7 @@
|
||||
<input
|
||||
v-if="!EXPERIMENTAL_URL_BAR_ENABLED"
|
||||
:class="{ error: !isValidURL }"
|
||||
class="border-dashed md:border-l border-divider"
|
||||
class="input border-dashed md:border-l border-divider"
|
||||
@keyup.enter="isValidURL ? sendRequest() : null"
|
||||
id="url"
|
||||
name="url"
|
||||
@@ -61,6 +61,7 @@
|
||||
:disabled="!isValidURL"
|
||||
@click="sendRequest"
|
||||
id="send"
|
||||
class="button"
|
||||
ref="sendButton"
|
||||
>
|
||||
{{ $t("send") }}
|
||||
@@ -68,7 +69,13 @@
|
||||
<i class="material-icons">send</i>
|
||||
</span>
|
||||
</button>
|
||||
<button v-else @click="cancelRequest" id="send" ref="sendButton">
|
||||
<button
|
||||
v-else
|
||||
@click="cancelRequest"
|
||||
id="send"
|
||||
class="button"
|
||||
ref="sendButton"
|
||||
>
|
||||
{{ $t("cancel") }}
|
||||
<span>
|
||||
<i class="material-icons">clear</i>
|
||||
@@ -78,15 +85,15 @@
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
<label for="request-name" class="text-sm">{{
|
||||
$t("token_req_name")
|
||||
}}</label>
|
||||
<label for="request-name" class="text-sm">
|
||||
{{ $t("token_req_name") }}
|
||||
</label>
|
||||
<input
|
||||
id="request-name"
|
||||
name="request-name"
|
||||
type="text"
|
||||
v-model="name"
|
||||
class="text-sm"
|
||||
class="input text-sm"
|
||||
/>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -103,7 +110,7 @@
|
||||
<v-popover>
|
||||
<input
|
||||
id="contentType"
|
||||
class="drop-down-input"
|
||||
class="input drop-down-input"
|
||||
v-model="contentType"
|
||||
readonly
|
||||
/>
|
||||
@@ -115,7 +122,7 @@
|
||||
:key="`content-type-${index}`"
|
||||
>
|
||||
<button
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="contentType = contentTypeMenuItem"
|
||||
v-close-popover
|
||||
>
|
||||
@@ -169,14 +176,14 @@
|
||||
<div class="row-wrapper">
|
||||
<span>
|
||||
<button
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="showCurlImportModal = !showCurlImportModal"
|
||||
v-tooltip.bottom="$t('import_curl')"
|
||||
>
|
||||
<i class="material-icons">import_export</i>
|
||||
</button>
|
||||
<button
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="showCodegenModal = !showCodegenModal"
|
||||
:disabled="!isValidURL"
|
||||
v-tooltip.bottom="$t('show_code')"
|
||||
@@ -186,7 +193,7 @@
|
||||
</span>
|
||||
<span>
|
||||
<button
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="copyRequest"
|
||||
ref="copyRequest"
|
||||
:disabled="!isValidURL"
|
||||
@@ -196,7 +203,7 @@
|
||||
<i v-else class="material-icons">content_copy</i>
|
||||
</button>
|
||||
<button
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="saveRequest"
|
||||
ref="saveRequest"
|
||||
:disabled="!isValidURL"
|
||||
@@ -205,7 +212,7 @@
|
||||
<i class="material-icons">create_new_folder</i>
|
||||
</button>
|
||||
<button
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="clearContent('', $event)"
|
||||
v-tooltip.bottom="$t('clear_all')"
|
||||
ref="clearAll"
|
||||
@@ -260,7 +267,7 @@
|
||||
<label for="auth">{{ $t("authentication") }}</label>
|
||||
<div>
|
||||
<button
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="clearContent('auth', $event)"
|
||||
v-tooltip.bottom="$t('clear')"
|
||||
>
|
||||
@@ -269,7 +276,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<span class="select-wrapper">
|
||||
<select id="auth" v-model="auth">
|
||||
<select class="select" id="auth" v-model="auth">
|
||||
<option>None</option>
|
||||
<option>Basic Auth</option>
|
||||
<option>Bearer Token</option>
|
||||
@@ -281,6 +288,7 @@
|
||||
<ul v-if="auth === 'Basic Auth'">
|
||||
<li>
|
||||
<input
|
||||
class="input"
|
||||
placeholder="User"
|
||||
name="http_basic_user"
|
||||
v-model="httpUser"
|
||||
@@ -288,6 +296,7 @@
|
||||
</li>
|
||||
<li>
|
||||
<input
|
||||
class="input"
|
||||
placeholder="Password"
|
||||
name="http_basic_passwd"
|
||||
:type="passwordFieldType"
|
||||
@@ -297,7 +306,7 @@
|
||||
<div>
|
||||
<li>
|
||||
<button
|
||||
class="icon"
|
||||
class="icon button"
|
||||
ref="switchVisibility"
|
||||
@click="switchVisibility"
|
||||
>
|
||||
@@ -319,13 +328,14 @@
|
||||
<li>
|
||||
<div class="row-wrapper">
|
||||
<input
|
||||
class="input"
|
||||
placeholder="Token"
|
||||
name="bearer_token"
|
||||
v-model="bearerToken"
|
||||
/>
|
||||
<button
|
||||
v-if="auth === 'OAuth 2.0'"
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="showTokenListModal = !showTokenListModal"
|
||||
v-tooltip.bottom="$t('use_token')"
|
||||
>
|
||||
@@ -333,7 +343,7 @@
|
||||
</button>
|
||||
<button
|
||||
v-if="auth === 'OAuth 2.0'"
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="showTokenRequest = !showTokenRequest"
|
||||
v-tooltip.bottom="$t('get_token')"
|
||||
>
|
||||
@@ -359,21 +369,21 @@
|
||||
<label for="token-name">{{ $t("token_name") }}</label>
|
||||
<div>
|
||||
<button
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="showTokenRequestList = true"
|
||||
v-tooltip.bottom="$t('manage_token_req')"
|
||||
>
|
||||
<i class="material-icons">library_add</i>
|
||||
</button>
|
||||
<button
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="clearContent('access_token', $event)"
|
||||
v-tooltip.bottom="$t('clear')"
|
||||
>
|
||||
<i class="material-icons">clear_all</i>
|
||||
</button>
|
||||
<button
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="showTokenRequest = false"
|
||||
v-tooltip.bottom="$t('close')"
|
||||
>
|
||||
@@ -382,6 +392,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<input
|
||||
class="input"
|
||||
id="token-name"
|
||||
:placeholder="$t('optional')"
|
||||
name="token_name"
|
||||
@@ -396,6 +407,7 @@
|
||||
{{ $t("oidc_discovery_url") }}
|
||||
</label>
|
||||
<input
|
||||
class="input"
|
||||
:disabled="
|
||||
this.authUrl !== '' || this.accessTokenUrl !== ''
|
||||
"
|
||||
@@ -411,6 +423,7 @@
|
||||
<li>
|
||||
<label for="auth-url">{{ $t("auth_url") }}</label>
|
||||
<input
|
||||
class="input"
|
||||
:disabled="this.oidcDiscoveryUrl !== ''"
|
||||
id="auth-url"
|
||||
name="auth_url"
|
||||
@@ -426,6 +439,7 @@
|
||||
{{ $t("access_token_url") }}
|
||||
</label>
|
||||
<input
|
||||
class="input"
|
||||
:disabled="this.oidcDiscoveryUrl !== ''"
|
||||
id="access-token-url"
|
||||
name="access_token_url"
|
||||
@@ -439,6 +453,7 @@
|
||||
<li>
|
||||
<label for="client-id">{{ $t("client_id") }}</label>
|
||||
<input
|
||||
class="input"
|
||||
id="client-id"
|
||||
name="client_id"
|
||||
type="text"
|
||||
@@ -451,6 +466,7 @@
|
||||
<li>
|
||||
<label for="scope">{{ $t("scope") }}</label>
|
||||
<input
|
||||
class="input"
|
||||
id="scope"
|
||||
name="scope"
|
||||
type="text"
|
||||
@@ -461,7 +477,10 @@
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
<button class="icon" @click="handleAccessTokenRequest">
|
||||
<button
|
||||
class="icon button"
|
||||
@click="handleAccessTokenRequest"
|
||||
>
|
||||
<i class="material-icons">vpn_key</i>
|
||||
<span>{{ $t("request_token") }}</span>
|
||||
</button>
|
||||
@@ -485,7 +504,7 @@
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>
|
||||
<button class="icon" v-tooltip="$t('wiki')">
|
||||
<button class="icon button" v-tooltip="$t('wiki')">
|
||||
<i class="material-icons">help_outline</i>
|
||||
</button>
|
||||
</a>
|
||||
@@ -521,7 +540,7 @@
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>
|
||||
<button class="icon" v-tooltip="$t('wiki')">
|
||||
<button class="icon button" v-tooltip="$t('wiki')">
|
||||
<i class="material-icons">help_outline</i>
|
||||
</button>
|
||||
</a>
|
||||
@@ -545,7 +564,7 @@
|
||||
<label>Test Reports</label>
|
||||
<div>
|
||||
<button
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="clearContent('tests', $event)"
|
||||
v-tooltip.bottom="$t('clear')"
|
||||
>
|
||||
@@ -559,7 +578,7 @@
|
||||
>
|
||||
<div v-if="testReport.startBlock" class="info">
|
||||
<hr />
|
||||
<h4>{{ testReport.startBlock }}</h4>
|
||||
<h4 class="heading">{{ testReport.startBlock }}</h4>
|
||||
</div>
|
||||
<p
|
||||
v-else-if="testReport.result"
|
||||
@@ -663,9 +682,9 @@
|
||||
>
|
||||
<div slot="header">
|
||||
<div class="row-wrapper">
|
||||
<h3 class="title">{{ $t("manage_token_req") }}</h3>
|
||||
<h3 class="heading">{{ $t("manage_token_req") }}</h3>
|
||||
<div>
|
||||
<button class="icon" @click="showTokenRequestList = false">
|
||||
<button class="icon button" @click="showTokenRequestList = false">
|
||||
<i class="material-icons">close</i>
|
||||
</button>
|
||||
</div>
|
||||
@@ -677,7 +696,7 @@
|
||||
<div>
|
||||
<button
|
||||
:disabled="this.tokenReqs.length === 0"
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="showTokenRequestList = false"
|
||||
v-tooltip.bottom="$t('use_token_req')"
|
||||
>
|
||||
@@ -685,7 +704,7 @@
|
||||
</button>
|
||||
<button
|
||||
:disabled="this.tokenReqs.length === 0"
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="removeOAuthTokenReq"
|
||||
v-tooltip.bottom="$t('delete')"
|
||||
>
|
||||
@@ -698,6 +717,7 @@
|
||||
<span class="select-wrapper">
|
||||
<select
|
||||
id="token-req-list"
|
||||
class="select"
|
||||
v-model="tokenReqSelect"
|
||||
:disabled="this.tokenReqs.length === 0"
|
||||
@change="tokenReqChange($event)"
|
||||
@@ -714,12 +734,13 @@
|
||||
</li>
|
||||
</ul>
|
||||
<label for="token-req-name">{{ $t("token_req_name") }}</label>
|
||||
<input v-model="tokenReqName" />
|
||||
<input class="input" v-model="tokenReqName" />
|
||||
<label for="token-req-details">
|
||||
{{ $t("token_req_details") }}
|
||||
</label>
|
||||
<textarea
|
||||
id="token-req-details"
|
||||
class="textarea"
|
||||
readonly
|
||||
rows="7"
|
||||
v-model="tokenReqDetails"
|
||||
@@ -729,7 +750,7 @@
|
||||
<div class="row-wrapper">
|
||||
<span></span>
|
||||
<span>
|
||||
<button class="icon primary" @click="addOAuthTokenReq">
|
||||
<button class="icon button primary" @click="addOAuthTokenReq">
|
||||
{{ $t("save_token_req") }}
|
||||
</button>
|
||||
</span>
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
<div class="flex flex-col">
|
||||
<label>{{ $t("account") }}</label>
|
||||
<div v-if="currentUser">
|
||||
<button class="icon">
|
||||
<button class="icon button">
|
||||
<img
|
||||
v-if="currentUser.photoURL"
|
||||
:src="currentUser.photoURL"
|
||||
@@ -20,7 +20,7 @@
|
||||
</span>
|
||||
</button>
|
||||
<br />
|
||||
<button class="icon">
|
||||
<button class="icon button">
|
||||
<i class="material-icons">email</i>
|
||||
<span>
|
||||
{{ currentUser.email || $t("nothing_found") }}
|
||||
@@ -124,7 +124,7 @@
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>
|
||||
<button v-tooltip="$t('wiki')" class="icon">
|
||||
<button v-tooltip="$t('wiki')" class="icon button">
|
||||
<i class="material-icons">help_outline</i>
|
||||
</button>
|
||||
</a>
|
||||
@@ -133,7 +133,7 @@
|
||||
<label for="url">{{ $t("url") }}</label>
|
||||
<button
|
||||
v-tooltip.bottom="$t('reset_default')"
|
||||
class="icon"
|
||||
class="icon button"
|
||||
@click="resetProxy"
|
||||
>
|
||||
<i class="material-icons">clear_all</i>
|
||||
@@ -142,6 +142,7 @@
|
||||
<input
|
||||
id="url"
|
||||
v-model="PROXY_URL"
|
||||
class="input"
|
||||
type="url"
|
||||
:disabled="!PROXY_ENABLED"
|
||||
:placeholder="$t('url')"
|
||||
@@ -167,11 +168,11 @@
|
||||
<ul>
|
||||
<li>
|
||||
<label for="url">URL</label>
|
||||
<input id="url" type="url" v-model="settings.PROXY_URL" :disabled="!settings.PROXY_ENABLED">
|
||||
<input class="input" id="url" type="url" v-model="settings.PROXY_URL" :disabled="!settings.PROXY_ENABLED">
|
||||
</li>
|
||||
<li>
|
||||
<label for="key">Key</label>
|
||||
<input id="key" type="password" v-model="settings.PROXY_KEY" :disabled="!settings.PROXY_ENABLED" @change="applySetting('PROXY_KEY', $event)">
|
||||
<input class="input" id="key" type="password" v-model="settings.PROXY_KEY" :disabled="!settings.PROXY_ENABLED" @change="applySetting('PROXY_KEY', $event)">
|
||||
</li>
|
||||
</ul>
|
||||
-->
|
||||
|
||||
Reference in New Issue
Block a user