website refactor
This commit is contained in:
@@ -17,7 +17,7 @@ interface AccordionProps {
|
||||
|
||||
export function Accordion({ title, icon, children, isOpen, onToggle }: AccordionProps) {
|
||||
return (
|
||||
<Box border={true} borderColor="border-charcoal-outline" rounded="lg" overflow="hidden" bg="bg-iron-gray/30">
|
||||
<Box border borderColor="border-charcoal-outline" rounded="lg" overflow="hidden" bg="bg-iron-gray/30">
|
||||
<Box
|
||||
as="button"
|
||||
onClick={onToggle}
|
||||
@@ -27,7 +27,8 @@ export function Accordion({ title, icon, children, isOpen, onToggle }: Accordion
|
||||
px={3}
|
||||
py={2}
|
||||
fullWidth
|
||||
className="hover:bg-iron-gray/50 transition-colors"
|
||||
hoverBg="iron-gray/50"
|
||||
clickable
|
||||
>
|
||||
<Stack direction="row" align="center" gap={2}>
|
||||
{icon}
|
||||
@@ -39,7 +40,7 @@ export function Accordion({ title, icon, children, isOpen, onToggle }: Accordion
|
||||
</Box>
|
||||
|
||||
{isOpen && (
|
||||
<Box p={3} borderTop={true} borderColor="border-charcoal-outline">
|
||||
<Box p={3} borderTop borderColor="border-charcoal-outline">
|
||||
{children}
|
||||
</Box>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user