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

Feat/tailwind (#1179)

Browse Source
This commit is contained in:
Liyas Thomas
2020-09-22 22:36:37 +05:30
committed by GitHub
parent 45fb612793
commit b747d0273c
59 changed files with 2020 additions and 1431 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
pages/graphql.vue
View File

@@ -29,7 +29,7 @@
<pw-section class="orange" :label="$t('headers')" ref="headers">
<ul v-if="headers.length !== 0">
<li>
<div class="flex-wrap">
<div class="row-wrapper">
<label for="headerList">{{ $t("header_list") }}</label>
<div>
<button class="icon" @click="headers = []" v-tooltip.bottom="$t('clear')">
@@ -93,7 +93,7 @@
</pw-section>
<pw-section class="green" :label="$t('schema')" ref="schema">
<div class="flex-wrap">
<div class="row-wrapper">
<label>{{ $t("schema") }}</label>
<div v-if="schema">
<button
@@ -153,7 +153,7 @@
</pw-section>
<pw-section class="cyan" :label="$t('query')" ref="query">
<div class="flex-wrap gqlRunQuery">
<div class="row-wrapper gqlRunQuery">
<label for="gqlQuery">{{ $t("query") }}</label>
<div>
<button
@@ -210,7 +210,7 @@
</pw-section>
<pw-section class="purple" label="Response" ref="response">
<div class="flex-wrap">
<div class="row-wrapper">
<label for="responseField">{{ $t("response") }}</label>
<div>
<button
@@ -321,10 +321,10 @@
<style scoped lang="scss">
.gqlTabs {
max-height: calc(100vh - 192px);
overflow: auto;
@apply overflow-auto;
}
.gqlRunQuery {
margin-bottom: 12px;
@apply mb-8;
}
</style>