Ver Fonte

refactor: improve TimeRangeSelector layout - horizontal radio buttons above RangePicker

- Change TimeRangeSelector radio buttons from vertical to horizontal layout
- Move TimeRangeSelector to position directly above RangePicker in SearchPanel
- Improve UI spacing and visual hierarchy for better user experience
sw há 2 semanas atrás
pai
commit
9e3f836684

+ 1 - 1
src/pages/patient/components/SearchPanel.tsx

@@ -33,7 +33,6 @@ const SearchPanel: React.FC = () => {
 
   return (
     <div className="flex flex-col gap-2 w-full">
-      <TimeRangeSelector />
       <Input
         placeholder={intl.formatMessage({
           id: 'searchPanel.name',
@@ -64,6 +63,7 @@ const SearchPanel: React.FC = () => {
         value={accNo}
         onChange={(e) => dispatch(setAccNo(e.target.value))}
       />
+      <TimeRangeSelector />
       <RangePicker
         className="w-full"
         placeholder={[

+ 1 - 1
src/pages/patient/components/TimeRangeSelector.tsx

@@ -22,7 +22,7 @@ const TimeRangeSelector: React.FC = () => {
   return (
     <div className="mb-2">
       <Radio.Group value={timeRangeType} onChange={handleChange} size="small">
-        <Space direction="vertical">
+        <Space>
           <Radio value="today">
             <FormattedMessage id="timeRange.today" defaultMessage="今天" />
           </Radio>