TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-28 14:03:48 +03:00
Code Issues Projects Releases Wiki Activity

Refined spacing in Admin X DS

Browse Source 
refs. https://github.com/TryGhost/Team/issues/3150
This commit is contained in:
Peter Zimon 2023-05-17 18:24:08 +02:00
parent 2e42454f13
commit a3dc651397
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ghost/admin-x-settings/src/admin-x-ds/global/Dropdown.tsx
View File

@ -26,7 +26,7 @@ const Dropdown: React.FC<DropdownProps> = ({title, options, onSelect, help}) =>
return (
<div className='flex flex-col'>
{title && <Heading formLabel={true} grey={true}>{title}</Heading>}
<select className={`-m-1 h-10 border-b border-grey-300 py-2 focus:border-grey-900 ${title && `mt-1`}`} value={selectedOption} onChange={handleOptionChange}>
<select className={`-m-1 h-10 border-b border-grey-300 py-2 focus:border-grey-900 ${title && `mt-0`}`} value={selectedOption} onChange={handleOptionChange}>
<option value="">Select an option</option>
{options.map(option => (
<option

2
ghost/admin-x-settings/src/admin-x-ds/global/TextField.tsx
View File

@ -17,7 +17,7 @@ const TextField: React.FC<ITextField> = ({inputRef, title, value, placeholder, h
{title && <Heading formLabel={true} grey={true}>{title}</Heading>}
<input
ref={inputRef}
className={`-m-1 h-10 border-b border-grey-300 px-1 py-2 focus:border-grey-900 ${title && `mt-1`}`}
className={`-m-1 h-10 border-b border-grey-300 px-1 py-2 focus:border-grey-900 ${title && `mt-0`}`}
placeholder={placeholder}
type='text'
value={value}

2
ghost/admin-x-settings/src/admin-x-ds/settings/SettingValue.tsx
View File

@ -13,7 +13,7 @@ const SettingValue: React.FC<ISettingValue> = ({heading, value, help, ...props})
return (
<div className='flex flex-col' {...props}>
{heading && <Heading grey={true} level={6}>{heading}</Heading>}
<div className='mt-1'>{value}</div>
<div className='flex min-h-[40px] items-center'>{value}</div>
{help && <p className='mt-0.5 text-xs'>{help}</p>}
</div>
);