cleanup

Author: pettinarip

src/components/StablecoinAccordion/AccordionCustomItem.tsx

@@ -66,7 +66,7 @@ export const AccordionCustomItem = (props: AccordionCustomItemProps) => {
     <AccordionItem value={contentObj.title} className="border">
       <AccordionTrigger
         hideIcon
-        className="items-center justify-between px-0 py-0 text-body-medium hover:text-body-medium"
+        className="items-center justify-between px-0 py-0 text-body-medium hover:text-body-medium md:px-0"
         onClick={handleOpen}
       >
         <Flex
@@ -75,7 +75,7 @@ export const AccordionCustomItem = (props: AccordionCustomItemProps) => {
         >
           <Emoji
             text={contentObj.emoji}
-            className="mb-2 me-6 text-[3rem] md:mb-0 md:text-[4rem]"
+            className="mb-2 me-6 text-5xl md:mb-0 md:text-6xl"
           />
           <div>
             <Flex className="mb-2 items-center">
@@ -84,7 +84,7 @@ export const AccordionCustomItem = (props: AccordionCustomItemProps) => {
               </h3>
               {!!contentObj.pill && (
                 <Tag
-                  className="ms-4 rounded-[4px]"
+                  className="ms-4"
                   variant="solid"
                   status={contentObj.pill.color}
                 >
@@ -97,7 +97,7 @@ export const AccordionCustomItem = (props: AccordionCustomItemProps) => {
         </Flex>
         <MoreOrLessLink isOpen={open} />
       </AccordionTrigger>
-      <AccordionContent className="-mx-px -mb-px mt-0 border border-border bg-background p-0 text-md">
+      <AccordionContent className="-mx-px -mb-px mt-0 border border-border bg-background p-0 text-md md:p-0">
         <Flex className="flex-col justify-between p-8 lg:flex-row">
           {children}
         </Flex>

src/components/StablecoinAccordion/index.tsx

@@ -104,7 +104,7 @@ const StablecoinAccordion = () => {
   const DEFAULT_IMAGE_WIDTH = 24
 
   return (
-    <Accordion type="single" className="w-full rounded-[4px]" collapsible>
+    <Accordion type="single" className="w-full rounded" collapsible>
       <AccordionCustomItem category="dapps">
         <LeftColumnPanel>
           <SectionTitle>

tailwind/ui/accordion.tsx

@@ -26,7 +26,6 @@ const AccordionTrigger = React.forwardRef<
       ref={ref}
       className={cn(
         "flex flex-1 items-center justify-between gap-2 px-2 py-2 font-medium transition-all hover:bg-background-highlight hover:text-primary-hover focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-primary-hover md:px-4 [&[data-state=open]:dir(rtl)>svg]:rotate-90 [&[data-state=open]>svg]:-rotate-90 [&[data-state=open]]:bg-background-highlight [&[data-state=open]]:text-primary-high-contrast",
-
         className
       )}
       {...props}