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

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 { Textarea } from "@/components/ui/textarea";
import { issue } from "@/lib/server";
import { issueID } from "@/lib/utils";
import { cn, issueID } from "@/lib/utils";
import SmallSprintDisplay from "./small-sprint-display";
import { SprintSelect } from "./sprint-select";
import { IconButton } from "./ui/icon-button";
@@ -366,7 +366,11 @@ export function IssueDetailPane({
}
}}
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>
@@ -387,7 +391,7 @@ export function IssueDetailPane({
}}
placeholder="Add a description..."
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

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

@@ -7,8 +7,13 @@ function Input({
type,
showCounter = true,
showHashPrefix = false,
inputClassName,
...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 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",
"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
showHashPrefix ? "pl-2 py-0" : "pl-3",
inputClassName,
)}
{...props}
/>