styling top bar

yoziru · Mar 6, 2024 · 7c4aa0f · 7c4aa0f
1 parent 7bccfa3
commit 7c4aa0f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/chat/chat-topbar.tsx b/src/components/chat/chat-topbar.tsx
@@ -68,7 +68,7 @@ export default function ChatTopbar({
   };
 
   return (
-    <div className="w-full flex px-4 py-6  items-center justify-between lg:justify-center ">
+    <div className="w-full flex px-4 py-6 items-center justify-between lg:justify-center">
       <Sheet>
         <SheetTrigger>
           <HamburgerMenuIcon className="lg:hidden w-5 h-5" />
@@ -91,13 +91,13 @@ export default function ChatTopbar({
               variant="outline"
               role="combobox"
               aria-expanded={open}
-              className="w-[300px] justify-between"
+              className="w-full justify-between"
             >
               {currentModel || "Select model"}
               <CaretSortIcon className="ml-2 h-4 w-4 shrink-0 opacity-50" />
             </Button>
           </PopoverTrigger>
-          <PopoverContent className="w-[300px] p-1">
+          <PopoverContent className="w-full p-1">
             {models.length > 0 ? (
               models.map((model) => (
                 <Button

diff --git a/src/components/system-prompt.tsx b/src/components/system-prompt.tsx
@@ -14,7 +14,7 @@ export default function SystemPrompt({
   return (
     <Dialog>
       <DialogTrigger asChild>
-        <div className="flex w-[160px] gap-2 p-1 items-center cursor-pointer rounded-md border">
+        <div className="flex w-full gap-2 p-1 items-center cursor-pointer rounded-md border">
           <MixIcon className="w-4 h-4" />
           <p>System Prompt</p>
         </div>