refactor: batch 4

This commit is contained in:
鲁树人
2025-05-18 09:58:34 +09:00
parent 2e4e57be45
commit 9518b813bd
15 changed files with 12109 additions and 1485 deletions

View File

@@ -1,51 +1,36 @@
import {
Accordion,
AccordionButton,
AccordionIcon,
AccordionItem,
AccordionPanel,
Box,
Heading,
Text,
} from '@chakra-ui/react';
import { InstructionsIOSCondition } from './InstructionsIOSCondition';
import { useId } from 'react';
export function InstructionsIOS() {
const iosInstructionId = useId();
return (
<>
<Box>
<Text>iOS 使 PC Mac iOS </Text>
<Text> PC Mac </Text>
</Box>
<Accordion allowToggle mt="2">
<AccordionItem>
<Heading as="h3" size="md">
<AccordionButton>
<Box as="span" flex="1" textAlign="left">
iOS
</Box>
<AccordionIcon />
</AccordionButton>
</Heading>
<AccordionPanel pb={4}>
<InstructionsIOSCondition jailbreak={true} />
</AccordionPanel>
</AccordionItem>
<div>
<p>iOS 使 PC Mac iOS </p>
<p> PC Mac </p>
</div>
<AccordionItem>
<Heading as="h3" size="md">
<AccordionButton>
<Box as="span" flex="1" textAlign="left">
iOS
</Box>
<AccordionIcon />
</AccordionButton>
</Heading>
<AccordionPanel pb={4}>
<div className="join join-vertical bg-base-100 mt-2 max-w-full">
<div className="collapse collapse-arrow join-item border-base-300 border">
<input type="radio" name={iosInstructionId} />
<div className="collapse-title font-semibold">
iOS <strong></strong>{' '}
</div>
<div className="collapse-content text-sm min-w-0">
<InstructionsIOSCondition jailbreak={true} />
</div>
</div>
<div className="collapse collapse-arrow join-item border-base-300 border">
<input type="radio" name={iosInstructionId} />
<div className="collapse-title font-semibold">
iOS <strong></strong>
</div>
<div className="collapse-content text-sm min-w-0">
<InstructionsIOSCondition jailbreak={false} />
</AccordionPanel>
</AccordionItem>
</Accordion>
</div>
</div>
</div>
</>
);
}