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

improved text field styling

Browse Source
This commit is contained in:
Oliver Bryan
2026-01-20 13:35:11 +00:00
parent d691d38b12
commit beacf3f012
2 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/frontend/src/components/issue-detail-pane.tsx
View File

@@ -15,7 +15,7 @@ import { Input } from "@/components/ui/input";
import { SelectTrigger } from "@/components/ui/select"; import { SelectTrigger } from "@/components/ui/select";
import { Textarea } from "@/components/ui/textarea"; import { Textarea } from "@/components/ui/textarea";
import { issue } from "@/lib/server"; import { issue } from "@/lib/server";
import { issueID } from "@/lib/utils"; import { cn, issueID } from "@/lib/utils";
import SmallSprintDisplay from "./small-sprint-display"; import SmallSprintDisplay from "./small-sprint-display";
import { SprintSelect } from "./sprint-select"; import { SprintSelect } from "./sprint-select";
import { IconButton } from "./ui/icon-button"; import { IconButton } from "./ui/icon-button";
@@ -366,7 +366,11 @@ export function IssueDetailPane({
} }
}} }}
disabled={isSavingTitle} disabled={isSavingTitle}
className="w-full border-transparent hover:border-input focus:border-input h-auto py-0.5" className={cn(
"w-full border-0 border-b-1 border-b-input/50",
"hover:border-b-input focus:border-b-input h-auto",
)}
inputClassName={cn("bg-background px-1.5 font-600")}
/> />
</div> </div>
</div> </div>
@@ -387,7 +391,7 @@ export function IssueDetailPane({
}} }}
placeholder="Add a description..." placeholder="Add a description..."
disabled={isSavingDescription} disabled={isSavingDescription}
className="text-sm border-transparent hover:border-input focus:border-input resize-none" className="text-sm border-input/50 hover:border-input focus:border-input resize-none !bg-background"
/> />
) : ( ) : (
<Button <Button

8
packages/frontend/src/components/ui/input.tsx
View File

@@ -7,8 +7,13 @@ function Input({
type, type,
showCounter = true, showCounter = true,
showHashPrefix = false, showHashPrefix = false,
inputClassName,
...props ...props
}: React.ComponentProps<"input"> & { showCounter?: boolean; showHashPrefix?: boolean }) { }: React.ComponentProps<"input"> & {
showCounter?: boolean;
showHashPrefix?: boolean;
inputClassName?: string;
}) {
const maxLength = typeof props.maxLength === "number" ? props.maxLength : undefined; const maxLength = typeof props.maxLength === "number" ? props.maxLength : undefined;
const currentLength = typeof props.value === "string" ? props.value.length : undefined; const currentLength = typeof props.value === "string" ? props.value.length : undefined;
@@ -37,6 +42,7 @@ function Input({
"file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium", "file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium",
"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
showHashPrefix ? "pl-2 py-0" : "pl-3", showHashPrefix ? "pl-2 py-0" : "pl-3",
inputClassName,
)} )}
{...props} {...props}
/> />