优化顶部高度导致内容区高度不一致
This commit is contained in:
@@ -9,18 +9,19 @@ interface TopBarProps {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export const TopBar = ({ search, onSearch, enableSearch = true, operatorName, onLoginClick }: TopBarProps) => (
|
export const TopBar = ({ search, onSearch, enableSearch = true, operatorName, onLoginClick }: TopBarProps) => (
|
||||||
<header className='flex items-center gap-3 p-4 border-b bg-white'>
|
<header className='flex items-center gap-3 p-2 border-b bg-white'>
|
||||||
<div className='flex-1 flex items-center gap-3'>
|
<div className='flex-1 flex items-center gap-3'>
|
||||||
{enableSearch ? (
|
{enableSearch ? (
|
||||||
<div className='w-[420px] max-w-[60vw]'>
|
<div className='w-[420px] max-w-[60vw] flex items-center'>
|
||||||
<Input
|
<Input
|
||||||
placeholder='搜索姓名 / 体检号 / 套餐'
|
placeholder='搜索姓名 / 体检号 / 套餐'
|
||||||
value={search}
|
value={search}
|
||||||
onChange={(e) => onSearch(e.target.value)}
|
onChange={(e) => onSearch(e.target.value)}
|
||||||
|
className='text-sm'
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<div className='text-sm text-gray-500'>圆和医疗 · 体检驾驶舱</div>
|
<div className='text-sm text-gray-500 flex items-center p-[9px] pl-[14px]'>圆和医疗 · 体检驾驶舱</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
<div className='flex items-center gap-3 text-xs'>
|
<div className='flex items-center gap-3 text-xs'>
|
||||||
|
|||||||
Reference in New Issue
Block a user