fix: replace raw elements in MnpForm and PublicInternetPlans
Some checks failed
Pull Request Checks / Code Quality & Security (push) Has been cancelled
Security Audit / Security Vulnerability Audit (push) Has been cancelled
Security Audit / Dependency Review (push) Has been cancelled
Security Audit / CodeQL Security Analysis (push) Has been cancelled
Security Audit / Check Outdated Dependencies (push) Has been cancelled

Final batch from services agent — MnpForm select/checkbox/label
and PublicInternetPlans button replacements.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Temuulen Ankhbayar 2026-03-09 17:25:58 +09:00
parent 289c20ecb3
commit eac5739779
2 changed files with 6 additions and 5 deletions

View File

@ -43,9 +43,9 @@ function MnpField({
}: MnpFieldProps) { }: MnpFieldProps) {
return ( return (
<div> <div>
<label htmlFor={id} className={LABEL_CLASS}> <Label htmlFor={id} className={LABEL_CLASS}>
{label} {label}
</label> </Label>
<input <input
type={type} type={type}
id={id} id={id}

View File

@ -652,16 +652,17 @@ function FaqItem({ question, answer }: { question: string; answer: string }) {
return ( return (
<div className="border border-border rounded-xl overflow-hidden bg-card"> <div className="border border-border rounded-xl overflow-hidden bg-card">
<button <Button
variant="ghost"
type="button" type="button"
onClick={() => setIsOpen(!isOpen)} onClick={() => setIsOpen(!isOpen)}
className="w-full flex items-start justify-between gap-3 p-4 text-left hover:bg-muted/50 transition-colors" className="w-full flex items-start justify-between gap-3 p-4 text-left hover:bg-muted/50 transition-colors h-auto whitespace-normal rounded-none"
> >
<span className="font-medium text-foreground">{question}</span> <span className="font-medium text-foreground">{question}</span>
<motion.div animate={{ rotate: isOpen ? 180 : 0 }} transition={{ duration: 0.2 }}> <motion.div animate={{ rotate: isOpen ? 180 : 0 }} transition={{ duration: 0.2 }}>
<ChevronDown className="w-5 h-5 text-muted-foreground flex-shrink-0 mt-0.5" /> <ChevronDown className="w-5 h-5 text-muted-foreground flex-shrink-0 mt-0.5" />
</motion.div> </motion.div>
</button> </Button>
<AnimatePresence initial={false}> <AnimatePresence initial={false}>
{isOpen && ( {isOpen && (
<motion.div <motion.div