feat: continue style experiments
This commit is contained in:
parent
1c2c4a251e
commit
640075fed1
7 changed files with 17 additions and 16 deletions
|
@ -52,14 +52,13 @@ const activate = () => {
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<div ref="el" relative px4 py2 group>
|
||||
<div bg-base border="~ base" h10 rounded-3 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" class="rtl-flip" />
|
||||
<div ref="el" relative group>
|
||||
<div bg-base border="~ base" h10 px-3 rounded-3 flex="~ row" items-center relative focus-within:box-shadow-outline gap-3>
|
||||
<div i-ri:search-2-line pointer-events-none text-secondary mt="1px" class="rtl-flip" />
|
||||
<input
|
||||
ref="input"
|
||||
v-model="query"
|
||||
h-full
|
||||
ps-10
|
||||
rounded-3
|
||||
w-full
|
||||
bg-transparent
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue