Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

Added shadow to search box with results

Browse source
This commit is contained in:
Sanne de Vries 2022-07-06 13:37:39 +02:00
parent 214f60e114
commit 02c9eb772d
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
ghost/sodo-search/src/components/PopupModal.js
View file

@ -127,8 +127,13 @@ class PopupContent extends React.Component {
function SearchBox() { function SearchBox() {
const {searchValue, dispatch} = useContext(AppContext); const {searchValue, dispatch} = useContext(AppContext);
let className = 'z-10 relative flex items-center py-5 px-7 mt-10 md:mt-0 bg-white rounded-t-lg shadow';
if (!searchValue) {
className = 'z-10 relative flex items-center py-5 px-7 mt-10 md:mt-0 bg-white rounded-lg';
}
return ( return (
<div className='flex items-center py-5 px-7 mt-0'> <div className={className}>
<SearchIcon className='mr-3 text-neutral-900' alt='Search' /> <SearchIcon className='mr-3 text-neutral-900' alt='Search' />
<input <input
value={searchValue || ''} value={searchValue || ''}
@ -329,7 +334,7 @@ function Results({posts, authors, tags}) {
return null; return null;
} }
return ( return (
<div className='overflow-y-auto max-h-[70vh]'> <div className='overflow-y-auto max-h-[70vh] -mt-[1px]'>
<AuthorResults authors={authors} /> <AuthorResults authors={authors} />
<TagResults tags={tags} /> <TagResults tags={tags} />
<PostResults posts={posts} /> <PostResults posts={posts} />