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-14 22:41:07 +05:30
parent 70555cd4a6
commit a2757a0335
58 changed files with 289 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
packages/hoppscotch-app/components/app/PowerSearch.vue
View File

@@ -14,8 +14,29 @@
autocomplete="off"
name="command"
:placeholder="`${t('app.type_a_command_search')}`"
class="bg-transparent border-b border-dividerLight flex flex-shrink-0 text-base text-secondaryDark p-6"
class="bg-transparent flex flex-shrink-0 text-base text-secondaryDark p-6"
/>
<div
class="flex pb-4 px-4 border-b text-tiny border-dividerLight justify-between text-secondaryLight whitespace-nowrap overflow-auto flex-shrink-0 hide-scrollbar"
>
<div class="flex items-center">
<kbd class="shortcut-key">↑</kbd>
<kbd class="shortcut-key">↓</kbd>
<span class="truncate ml-2">
{{ t("action.to_navigate") }}
</span>
<kbd class="shortcut-key">↩</kbd>
<span class="truncate ml-2">
{{ t("action.to_select") }}
</span>
</div>
<div class="flex items-center">
<kbd class="shortcut-key">ESC</kbd>
<span class="truncate ml-2">
{{ t("action.to_close") }}
</span>
</div>
</div>
<AppFuse
v-if="search && show"
:input="fuse"