Format

Author: hasparus

src/app/conf/2025/components/venue/index.tsx

@@ -50,7 +50,7 @@ export function Venue(props: VenueProps) {
           </Button>
         </article>
         <div className="relative flex-1">
-          <h3 className="mb-6 typography-h3">How to get to the venue?</h3>
+          <h3 className="typography-h3 mb-6">How to get to the venue?</h3>
           <Accordion
             className="[&_svg]:fill-neu-900"
             items={[
@@ -92,7 +92,7 @@ export function Venue(props: VenueProps) {
               },
             ]}
           />
-          <h3 className="my-6 typography-h3">Where to stay?</h3>
+          <h3 className="typography-h3 my-6">Where to stay?</h3>
           <Accordion
             className="[&_svg]:fill-neu-900"
             items={[

src/app/conf/_design-system/accordion.tsx

@@ -46,11 +46,11 @@ export function Accordion({
           }}
         >
           <summary className="flex cursor-pointer list-none items-center justify-between gap-2 border-sec-darker p-2 px-3 focus:outline-none group-open/q:border-b dark:border-sec-dark [&::-webkit-details-marker]:hidden">
-            <span className="select-none typography-body-lg">{item.title}</span>
+            <span className="typography-body-lg select-none">{item.title}</span>
             <ArrowDown className="size-10 shrink-0 text-sec-darker group-open/q:rotate-180" />
           </summary>
           <div className="flex items-start p-3">
-            <div className="text-pretty typography-body-md">
+            <div className="typography-body-md text-pretty">
               {item.description}
             </div>
             {item.link && (