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

refactor(ui): better font weight, icon hover states, etc

Browse Source
This commit is contained in:
liyasthomas
2021-08-13 16:44:02 +05:30
parent 08e3cffff8
commit 11816111ea
94 changed files with 547 additions and 514 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
pages/documentation.vue
View File

@@ -5,14 +5,13 @@
<Pane class="hide-scrollbar !overflow-auto">
<AppSection label="import">
<div class="flex p-4 items-start justify-between">
<label class="font-semibold">
<label>
{{ $t("generate_docs_message") }}
</label>
<span
class="
bg-accentDark
rounded
font-semibold
text-accentContrast
py-1
px-2
@@ -34,11 +33,12 @@
sticky
"
>
<label for="collectionUpload" class="font-semibold">
<label for="collectionUpload">
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
title="JSON"
icon="folder"
class="rounded-none"
:label="$t('import.collections')"
@click.native="$refs.collectionUpload.click()"
/>

2
pages/enter.vue
View File

@@ -6,7 +6,7 @@
<span v-else class="text-secondaryLight">
{{ $t("waiting_for_connection") }}
</span>
<pre v-if="error" class="font-mono">{{ error }}</pre>
<pre v-if="error">{{ error }}</pre>
</div>
</template>

2
pages/index.vue
View File

@@ -27,7 +27,7 @@
</SmartTab>
<SmartTab :id="'authorization'" :label="$t('authorization')">
<HttpAuth />
<HttpAuthorization />
</SmartTab>
<SmartTab

23
pages/settings.vue
View File

@@ -17,7 +17,7 @@
</div>
<div v-else class="space-y-8">
<section>
<h4 class="font-bold text-secondaryDark">User</h4>
<h4 class="font-semibold text-secondaryDark">User</h4>
<div class="space-y-4 py-4">
<div class="flex items-start">
<div class="flex items-center">
@@ -29,7 +29,7 @@
<i v-else class="material-icons">account_circle</i>
</div>
<div class="ml-4">
<label class="font-semibold">
<label>
{{ currentUser.displayName || $t("nothing_found") }}
</label>
<p class="mt-1 text-secondaryLight">
@@ -42,7 +42,7 @@
<i class="material-icons">email</i>
</div>
<div class="ml-4">
<label class="font-semibold">
<label>
{{ currentUser.email || $t("nothing_found") }}
</label>
<p class="mt-1 text-secondaryLight">
@@ -54,7 +54,7 @@
</section>
<Teams v-if="currentBackendUser && currentBackendUser.eaInvited" />
<section>
<h4 class="font-bold text-secondaryDark">Sync</h4>
<h4 class="font-semibold text-secondaryDark">Sync</h4>
<div class="mt-1 text-secondaryLight">
These settings are synced to cloud.
</div>
@@ -104,7 +104,7 @@
</div>
<div class="space-y-8 p-8 md:col-span-2">
<section>
<h4 class="font-bold text-secondaryDark">
<h4 class="font-semibold text-secondaryDark">
{{ $t("background") }}
</h4>
<div class="mt-1 text-secondaryLight">
@@ -123,7 +123,7 @@
</div>
</section>
<section>
<h4 class="font-bold text-secondaryDark">
<h4 class="font-semibold text-secondaryDark">
{{ $t("settings.accent_color") }}
</h4>
<div class="mt-1 text-secondaryLight">
@@ -134,7 +134,7 @@
</div>
</section>
<section>
<h4 class="font-bold text-secondaryDark">
<h4 class="font-semibold text-secondaryDark">
{{ $t("settings.font_size") }}
</h4>
<div class="mt-4">
@@ -142,7 +142,7 @@
</div>
</section>
<section>
<h4 class="font-bold text-secondaryDark">
<h4 class="font-semibold text-secondaryDark">
{{ $t("settings.language") }}
</h4>
<div class="mt-4">
@@ -150,7 +150,7 @@
</div>
</section>
<section>
<h4 class="font-bold text-secondaryDark">
<h4 class="font-semibold text-secondaryDark">
{{ $t("settings.experiments") }}
</h4>
<div class="mt-1 text-secondaryLight">
@@ -218,7 +218,7 @@
</div>
<div class="space-y-8 p-8 md:col-span-2">
<section>
<h4 class="font-bold text-secondaryDark">
<h4 class="font-semibold text-secondaryDark">
{{ $t("extensions") }}
</h4>
<div class="mt-1 text-secondaryLight">
@@ -270,7 +270,7 @@
</div>
</section>
<section>
<h4 class="font-bold text-secondaryDark">
<h4 class="font-semibold text-secondaryDark">
{{ $t("proxy") }}
</h4>
<div class="mt-1 text-secondaryLight">
@@ -312,6 +312,7 @@
:title="$t('reset_default')"
:icon="clearIcon"
outline
class="rounded"
@click.native="resetProxy"
/>
</div>