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

4
pages/doc.vue
View File

@@ -2,7 +2,7 @@
<div class="page">
<div class="content">
<div class="page-columns inner-left">
<AppSection class="blue" :label="$t('import')" ref="import" no-legend>
<AppSection :label="$t('import')" ref="import" no-legend>
<div class="flex flex-col">
<label>{{ $t("collection") }}</label>
<p class="info">
@@ -47,7 +47,7 @@
</div>
</AppSection>
<AppSection class="green" :label="$t('documentation')" ref="documentation" no-legend>
<AppSection :label="$t('documentation')" ref="documentation" no-legend>
<div class="flex flex-col">
<label>{{ $t("documentation") }}</label>
<p v-if="this.items.length === 0" class="info">

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"

4
pages/index.vue
View File

@@ -2,7 +2,7 @@
<div class="page">
<div class="content">
<div class="page-columns inner-left">
<AppSection class="blue" :label="$t('request')" ref="request" no-legend>
<AppSection :label="$t('request')" ref="request" no-legend>
<ul>
<li class="shrink">
<label for="method">{{ $t("method") }}</label>
@@ -208,7 +208,7 @@
</SmartTab>
<SmartTab :id="'authentication'" :label="$t('authentication')">
<AppSection class="teal" :label="$t('authentication')" ref="authentication" no-legend>
<AppSection :label="$t('authentication')" ref="authentication" no-legend>
<ul>
<li>
<div class="row-wrapper">

12
pages/settings.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="page">
<AppSection class="green" :label="$t('account')" ref="account" no-legend>
<AppSection :label="$t('account')" ref="account" no-legend>
<div class="flex flex-col">
<label>{{ $t("account") }}</label>
<div v-if="fb.currentUser">
@@ -35,7 +35,7 @@
</SmartToggle>
</p>
<p v-if="fb.currentSettings.length !== 3">
<button class="" @click="initSettings">
<button @click="initSettings">
<i class="material-icons">sync</i>
<span>{{ $t("turn_on") + " " + $t("sync") }}</span>
</button>
@@ -50,7 +50,7 @@
</div>
</AppSection>
<AppSection class="teal" :label="$t('theme')" ref="theme" no-legend>
<AppSection :label="$t('theme')" ref="theme" no-legend>
<div class="flex flex-col">
<label>{{ $t("theme") }}</label>
<SmartColorModePicker />
@@ -67,7 +67,7 @@
</div>
</AppSection>
<AppSection class="purple" :label="$t('extensions')" ref="extensions" no-legend>
<AppSection :label="$t('extensions')" ref="extensions" no-legend>
<div class="flex flex-col">
<label>{{ $t("extensions") }}</label>
<div class="row-wrapper">
@@ -87,7 +87,7 @@
</div>
</AppSection>
<AppSection class="blue" :label="$t('proxy')" ref="proxy" no-legend>
<AppSection :label="$t('proxy')" ref="proxy" no-legend>
<div class="flex flex-col">
<label>{{ $t("proxy") }}</label>
<div class="row-wrapper">
@@ -151,7 +151,7 @@
-->
</AppSection>
<AppSection class="red" :label="$t('experiments')" ref="experiments" no-legend>
<AppSection :label="$t('experiments')" ref="experiments" no-legend>
<div class="flex flex-col">
<label>{{ $t("experiments") }}</label>
<p class="info">