ob/sprint
1
0
Fork 0
mirror of https://github.com/hex248/sprint.git synced 2026-02-07 18:23:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

used breathing room for gaps and padding

Browse Source
This commit is contained in:
Oliver Bryan
2026-01-31 19:11:04 +00:00
parent e38ae47810
commit b713af5279
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/frontend/src/components/chat.tsx
View File

@@ -2,6 +2,8 @@ import { Fragment, type SubmitEvent, useEffect, useState } from "react";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import Icon from "@/components/ui/icon"; import Icon from "@/components/ui/icon";
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
import { BREATHING_ROOM } from "@/lib/layout";
import { useChat, useModels, useSelectedOrganisation, useSelectedProject } from "@/lib/query/hooks"; import { useChat, useModels, useSelectedOrganisation, useSelectedProject } from "@/lib/query/hooks";
import { parseError } from "@/lib/server"; import { parseError } from "@/lib/server";
import Avatar from "./avatar"; import Avatar from "./avatar";
@@ -78,10 +80,10 @@ export function Chat({ setHighlighted }: { setHighlighted: (ids: number[]) => vo
{isOpen && ( {isOpen && (
<div className="fixed bottom-18 left-1/2 -translate-x-1/2 z-40 w-full max-w-2xl mx-4 bg-background border shadow-xl"> <div className="fixed bottom-18 left-1/2 -translate-x-1/2 z-40 w-full max-w-2xl mx-4 bg-background border shadow-xl">
<div className="flex flex-col p-2 gap-2"> <div className={`flex flex-col p-${BREATHING_ROOM} gap-${BREATHING_ROOM}`}>
<form onSubmit={handleSubmit} className="flex flex-col gap-2"> <form onSubmit={handleSubmit} className={`flex flex-col gap-${BREATHING_ROOM}`}>
{lastUserMessage && ( {lastUserMessage && (
<div className="p-2 border flex items-center gap-2 text-sm"> <div className={`p-2 border flex items-center gap-2 text-sm`}>
<Avatar <Avatar
name={user.name} name={user.name}
username={user.username} username={user.username}
@@ -94,7 +96,7 @@ export function Chat({ setHighlighted }: { setHighlighted: (ids: number[]) => vo
</div> </div>
)} )}
{(chat.isPending || response) && ( {(chat.isPending || response) && (
<div className="p-2 border flex items-center gap-2 text-sm"> <div className={`p-2 border flex items-center gap-2 text-sm`}>
<img src={"/favicon.svg"} className="w-9" alt={"sprint icon"} /> <img src={"/favicon.svg"} className="w-9" alt={"sprint icon"} />
{!response && ( {!response && (
@@ -121,7 +123,7 @@ export function Chat({ setHighlighted }: { setHighlighted: (ids: number[]) => vo
)} )}
</div> </div>
)} )}
<div className="flex items-center gap-2"> <div className={`flex items-center gap-${BREATHING_ROOM}`}>
{models.data && models.data.length > 0 && ( {models.data && models.data.length > 0 && (
<Select value={selectedModel} onValueChange={setSelectedModel}> <Select value={selectedModel} onValueChange={setSelectedModel}>
<SelectTrigger className="w-fit text-[12px]" chevronClassName="hidden"> <SelectTrigger className="w-fit text-[12px]" chevronClassName="hidden">