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

refactor: minor ui improvements

Browse Source
This commit is contained in:
liyasthomas
2021-12-04 18:59:26 +05:30
parent 0de9f3d8c3
commit 084039f59f
40 changed files with 154 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/hoppscotch-app/components/app/Header.vue
View File

@@ -5,7 +5,7 @@
>
<div class="space-x-2 inline-flex items-center">
<ButtonSecondary
class="tracking-wide !font-bold !text-secondaryDark"
class="tracking-wide !font-bold !text-secondaryDark hover:bg-primaryDark focus-visible:bg-primaryDark"
label="HOPPSCOTCH"
to="/"
/>
@@ -17,21 +17,21 @@
v-tippy="{ theme: 'tooltip' }"
:title="t('header.install_pwa')"
svg="download"
class="rounded"
class="rounded hover:bg-primaryDark focus-visible:bg-primaryDark"
@click.native="showInstallPrompt()"
/>
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="`${t('app.search')} <kbd>/</kbd>`"
svg="search"
class="rounded"
class="rounded hover:bg-primaryDark focus-visible:bg-primaryDark"
@click.native="showSearch = true"
/>
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="`${t('support.title')} <kbd>?</kbd>`"
svg="life-buoy"
class="rounded"
class="rounded hover:bg-primaryDark focus-visible:bg-primaryDark"
@click.native="showSupport = true"
/>
<ButtonSecondary
@@ -74,7 +74,7 @@
v-else
v-tippy="{ theme: 'tooltip' }"
:title="t('header.account')"
class="rounded"
class="rounded hover:bg-primaryDark focus-visible:bg-primaryDark"
svg="user"
/>
</template>

2
packages/hoppscotch-app/components/app/Shortcuts.vue
View File

@@ -6,7 +6,7 @@
>
<h3 class="ml-4 heading">{{ t("app.shortcuts") }}</h3>
<div class="flex">
<ButtonSecondary svg="x" class="rounded" @click.native="close()" />
<ButtonSecondary svg="x" @click.native="close()" />
</div>
</div>
<div class="bg-primary border-b border-dividerLight">