make subdomain input better accommodate long domains

This commit is contained in:
Milo Schwartz 2025-02-10 21:48:34 -05:00
parent 8165051dd8
commit c244ef387b
No known key found for this signature in database

View file

@ -14,7 +14,7 @@ export default function CustomDomainInput({
domainSuffix,
placeholder = "Enter subdomain",
value: defaultValue,
onChange,
onChange
}: CustomDomainInputProps) {
const [value, setValue] = React.useState(defaultValue);
@ -34,10 +34,10 @@ export default function CustomDomainInput({
placeholder={placeholder}
value={value}
onChange={handleChange}
className="rounded-r-none flex-grow"
className="rounded-r-none w-full"
/>
<div className="inline-flex items-center px-3 rounded-r-md border border-l-0 border-input bg-muted text-muted-foreground">
<span className="text-sm">.{domainSuffix}</span>
<div className="max-w-1/2 flex items-center px-3 rounded-r-md border border-l-0 border-input bg-muted text-muted-foreground">
<span className="text-sm truncate">.{domainSuffix}</span>
</div>
</div>
</div>