mirror of
https://github.com/fosrl/pangolin.git
synced 2025-07-30 23:55:49 +02:00
make subdomain input better accommodate long domains
This commit is contained in:
parent
8165051dd8
commit
c244ef387b
1 changed files with 4 additions and 4 deletions
|
@ -14,7 +14,7 @@ export default function CustomDomainInput({
|
||||||
domainSuffix,
|
domainSuffix,
|
||||||
placeholder = "Enter subdomain",
|
placeholder = "Enter subdomain",
|
||||||
value: defaultValue,
|
value: defaultValue,
|
||||||
onChange,
|
onChange
|
||||||
}: CustomDomainInputProps) {
|
}: CustomDomainInputProps) {
|
||||||
const [value, setValue] = React.useState(defaultValue);
|
const [value, setValue] = React.useState(defaultValue);
|
||||||
|
|
||||||
|
@ -34,10 +34,10 @@ export default function CustomDomainInput({
|
||||||
placeholder={placeholder}
|
placeholder={placeholder}
|
||||||
value={value}
|
value={value}
|
||||||
onChange={handleChange}
|
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">
|
<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">.{domainSuffix}</span>
|
<span className="text-sm truncate">.{domainSuffix}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue