msb-public
/
tech-interview-handbook
mirror of https://github.com/yangshun/tech-interview-handbook
2
1
Code Issues Projects Releases Wiki Activity

[ui][text input] change label padding

Browse Source
pull/315/head
wlren 3 years ago
parent 641a565e5c
commit 68c4181716
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File

8
packages/ui/src/TextInput/TextInput.tsx
Unescape View File

@ -155,14 +155,14 @@ function TextInput(
switch (startAddOnType) { switch (startAddOnType) {
case 'label': case 'label':
return ( return (
<div className="pointer-events-none flex items-center pl-3 text-slate-500"> <div className="pointer-events-none flex items-center px-2 text-slate-500">
{startAddOn} {startAddOn}
</div> </div>
); );
case 'icon': { case 'icon': {
const StartAddOn = startAddOn; const StartAddOn = startAddOn;
return ( return (
<div className="pointer-events-none flex items-center pl-3"> <div className="pointer-events-none flex items-center px-2">
<StartAddOn <StartAddOn
aria-hidden="true" aria-hidden="true"
className="h-5 w-5 text-slate-400" className="h-5 w-5 text-slate-400"
@ -206,14 +206,14 @@ function TextInput(
switch (endAddOnType) { switch (endAddOnType) {
case 'label': case 'label':
return ( return (
<div className="pointer-events-none flex items-center pr-3 text-slate-500"> <div className="pointer-events-none flex items-center px-2 text-slate-500">
{endAddOn} {endAddOn}
</div> </div>
); );
case 'icon': { case 'icon': {
const EndAddOn = endAddOn; const EndAddOn = endAddOn;
return ( return (
<div className="pointer-events-none flex items-center pr-3"> <div className="pointer-events-none flex items-center px-2">
<EndAddOn <EndAddOn
aria-hidden="true" aria-hidden="true"
className="h-5 w-5 text-slate-400" className="h-5 w-5 text-slate-400"

Write Preview
Loading…
Cancel
Save