searchbar tweaks

This commit is contained in:
Čarodej
2021-11-22 08:33:48 +01:00
parent 8faa865fb7
commit 0a4d5dea8a
4 changed files with 52 additions and 27 deletions

View File

@@ -1,10 +1,13 @@
<template>
<div @click="$openSpotlight" class="relative dark:bg-dark-foreground bg-light-background rounded-lg cursor-pointer">
<div class="flex justify-between px-5 py-3 xl:w-72 w-52 text-left">
<span class="font-bold xl:text-sm text-xs dark:text-gray-600 text-gray-400">
{{ $t('inputs.placeholder_search_files') }}
</span>
<span class="font-bold xl:text-sm text-xs dark:text-gray-600 text-gray-400">
<div class="flex justify-between items-center px-5 py-2.5 xl:w-72 w-52 text-left">
<div class="flex items-center">
<search-icon size="18" class="vue-feather dark:text-gray-600 text-gray-400" />
<span class="font-bold xl:text-sm text-xs dark:text-gray-600 text-gray-400 pl-2.5">
{{ $t('inputs.placeholder_search_files') }}
</span>
</div>
<span class="font-bold xl:text-sm text-xs dark:text-gray-600 text-gray-400 border rounded px-1 py-0.5 tracking-normal">
{{ metaKeyIcon }}+K
</span>
</div>