formatting

sspenst · Jun 27, 2024 · 2af98c5 · 2af98c5
1 parent eb0282d
commit 2af98c5
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 14 deletions.
diff --git a/components/page/multiSelectUser.tsx b/components/page/multiSelectUser.tsx
@@ -82,7 +82,7 @@ export default function MultiSelectUser({ className, controlStyles, defaultValue
  cursor: 'text',
  height: 42,
  maxWidth: '100%',
- minWidth: '13rem',
+ minWidth: '160px',
  '&:hover': {
  borderColor: undefined,
  },

diff --git a/pages/[subdomain]/search/index.tsx b/pages/[subdomain]/search/index.tsx
@@ -623,26 +623,31 @@ export default function Search({ enrichedLevels, reqUser, searchAuthor, searchQu
 
  const subHeaderComponent = (
  <div className='flex flex-col items-center gap-1 p-1' id='level_search_box'>
- <form className='flex flex-wrap items-center justify-center z-10 gap-1' onSubmit={(e) => {
+ <form className='flex flex-col items-center justify-center z-10 gap-1' onSubmit={(e) => {
  e.preventDefault();
  const searchInput = document.getElementById('default-search') as HTMLInputElement;
 
  queryHelper({
  search: searchInput.value,
  });
  }}>
- <input
- id='default-search'
- key='search-level-input'
- placeholder='Search level name...'
- type='search'
- defaultValue={query.search}
- />
- <MultiSelectUser key={'search-author-input-' + searchAuthor?._id.toString()} placeholder='Search authors...' defaultValue={searchAuthor} onSelect={(user) => {
- queryHelper({
- searchAuthor: user?.name || '',
- });
- }} />
+ <div className='flex flex-row gap-1 justify-center'>
+ <input
+ id='default-search'
+ key='search-level-input'
+ placeholder='Search level...'
+ type='search'
+ defaultValue={query.search}
+ style={{
+ width: '160px',
+ }}
+ />
+ <MultiSelectUser key={'search-author-input-' + searchAuthor?._id.toString()} placeholder='Search author...' defaultValue={searchAuthor} onSelect={(user) => {
+ queryHelper({
+ searchAuthor: user?.name || '',
+ });
+ }} />
+ </div>
  <button type='submit' disabled={loading}
  className={blueButton}>Search</button>
  </form>