fix style: set search bar width to 100% of middle container

curieo-org · Jul 3, 2024 · 93e7b68 · 93e7b68
1 parent b73ad03
commit 93e7b68
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/frontend/src/components/search/search-input.tsx b/frontend/src/components/search/search-input.tsx
@@ -42,7 +42,7 @@ export default function SearchInput(props: SearchInputProps) {
   return (
     <Textarea
       ref={textAreaRef}
-      containerClass="max-w-[840px] grow rounded-2.5xl p-2.5 bg-background-dark/4 dark:bg-background-light/4"
+      containerClass="grow rounded-2.5xl p-2.5 bg-background-dark/4 dark:bg-background-light/4"
       innerContainerClass={classNames(
         'rounded-2xl bg-background-light/80 dark:bg-background-dark/80 border border-background-dark/40 dark:border-background-light/40 pr-2 focus-within:border-0 focus-within:outline-none focus-within:ring-1 focus-within:ring-primary focus-within:ring-offset-0',
         {

diff --git a/frontend/src/components/search/thread.tsx b/frontend/src/components/search/thread.tsx
@@ -89,7 +89,7 @@ export default function Thread(props: ThreadProps) {
         </div>
       </div>
 
-      <div className="w-full sticky bottom-0 pb-4 px-8 flex justify-start backdrop-blur-sm max-w-[840px]">
+      <div className="w-[calc(100vw-576px)] sticky bottom-0 pb-4 px-4 flex justify-start backdrop-blur-sm">
         <SearchInput
           handleSearch={handleSearch}
           searchQuery={props.searchQuery}