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

TailwindCSS v2.x (#1540)

Browse Source
This commit is contained in:
Liyas Thomas
2021-03-16 01:49:21 -07:00
committed by GitHub
parent 5399ddf6ac
commit f1389cdba0
30 changed files with 6068 additions and 21361 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
pages/graphql.vue
View File

@@ -2,7 +2,7 @@
<div class="page">
<div class="content">
<div class="page-columns inner-left">
<AppSection class="blue" :label="$t('endpoint')" ref="endpoint" no-legend>
<AppSection :label="$t('endpoint')" ref="endpoint" no-legend>
<ul>
<li>
<label for="url">{{ $t("url") }}</label>
@@ -37,7 +37,7 @@
</ul>
</AppSection>
<AppSection class="orange" :label="$t('headers')" ref="headers" no-legend>
<AppSection :label="$t('headers')" ref="headers" no-legend>
<div class="flex flex-col">
<label>{{ $t("headers") }}</label>
<ul v-if="headers.length !== 0">
@@ -140,7 +140,7 @@
</div>
</AppSection>
<AppSection class="green" :label="$t('schema')" ref="schema" no-legend>
<AppSection :label="$t('schema')" ref="schema" no-legend>
<div class="row-wrapper">
<label>{{ $t("schema") }}</label>
<div v-if="schema">
@@ -200,7 +200,7 @@
/>
</AppSection>
<AppSection class="teal" :label="$t('query')" ref="query" no-legend>
<AppSection :label="$t('query')" ref="query" no-legend>
<div class="row-wrapper gqlRunQuery">
<label for="gqlQuery">{{ $t("query") }}</label>
<div>
@@ -243,7 +243,7 @@
/>
</AppSection>
<AppSection class="yellow" :label="$t('variables')" ref="variables" no-legend>
<AppSection :label="$t('variables')" ref="variables" no-legend>
<div class="flex flex-col">
<label>{{ $t("variables") }}</label>
<SmartAceEditor
@@ -262,7 +262,7 @@
</div>
</AppSection>
<AppSection class="purple" :label="$t('response')" ref="response" no-legend>
<AppSection :label="$t('response')" ref="response" no-legend>
<div class="flex flex-col">
<label>{{ $t("response") }}</label>
<div class="row-wrapper">
@@ -320,7 +320,7 @@
<aside class="sticky-inner inner-right lg:max-w-md">
<SmartTabs>
<SmartTab :id="'docs'" :label="`Docs`" :selected="true">
<AppSection class="purple" :label="$t('docs')" ref="docs" no-legend>
<AppSection :label="$t('docs')" ref="docs" no-legend>
<section class="flex-col">
<input
type="text"