teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

fix: Focus search input style on safari (#613)

Browse source
This commit is contained in:
Joel Drake 2022-12-28 17:35:40 +01:00 committed by GitHub
parent a775203bdc
commit 5e86d2a3da
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/search/SearchWidget.vue
View file

@ -52,7 +52,7 @@ const activate = () => {
<template> <template>
<div ref="el" relative px4 py2 group> <div ref="el" relative px4 py2 group>
<div bg-base border="~ base" h10 rounded-full flex="~ row" items-center relative outline-primary outline-1 focus-within:outline> <div bg-base border="~ base" h10 rounded-full flex="~ row" items-center relative focus-within:box-shadow-outline>
<div i-ri:search-2-line mx4 absolute pointer-events-none text-secondary mt="1px" /> <div i-ri:search-2-line mx4 absolute pointer-events-none text-secondary mt="1px" />
<input <input
ref="input" ref="input"

1
unocss.config.ts
View file

@ -103,5 +103,6 @@ export default defineConfig({
res += `\n${res.replace('{scrollbar-width:none;}', '::-webkit-scrollbar{display: none;}')}` res += `\n${res.replace('{scrollbar-width:none;}', '::-webkit-scrollbar{display: none;}')}`
return res return res
}], }],
['box-shadow-outline', { 'box-shadow': '0 0 0 1px var(--c-primary)' }],
], ],
}) })