chore: reorder classes

sitcon-tw · Jan 15, 2025 · 37e7339 · 37e7339
1 parent f31ad68
commit 37e7339
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/app/(website)/(pages)/tickets/page.tsx b/app/(website)/(pages)/tickets/page.tsx
@@ -22,7 +22,7 @@ export default function Page() {
         />
         {/* ticket 1 */}
         <div className="box-border flex w-full flex-col items-center justify-between rounded-xl border-white bg-background-light px-2 py-10 md:flex-row md:rounded-none md:border md:px-0 md:py-0">
-          <div className="aspect-1/2 z-10 ml-[-1px] box-border hidden rounded-br-full rounded-tr-full border border-l-transparent border-r-white bg-background md:block md:w-1/12" />
+          <div className="z-10 ml-[-1px] box-border hidden aspect-1/2 rounded-br-full rounded-tr-full border border-l-transparent border-r-white bg-background md:block md:w-1/12" />
           <div className="flex flex-col items-center justify-center md:w-3/12 md:py-10">
             <Image
               src={TicketSvg.src}
@@ -63,11 +63,11 @@ export default function Page() {
               className="ml-[-4px] md:mr-4 md:w-full"
             />
           </div>
-          <div className="aspect-1/2 right-0 z-10 mr-[-1px] box-border hidden rounded-bl-full rounded-tl-full border border-l-white border-r-background bg-background md:block md:w-1/12" />
+          <div className="right-0 z-10 mr-[-1px] box-border hidden aspect-1/2 rounded-bl-full rounded-tl-full border border-l-white border-r-background bg-background md:block md:w-1/12" />
         </div>
         {/* ticket 2 */}
         <div className="box-border flex w-full flex-col items-center justify-between rounded-xl border-white bg-background-light px-2 py-10 md:flex-row md:rounded-none md:border md:px-0 md:py-0">
-          <div className="aspect-1/2 z-10 ml-[-1px] box-border hidden rounded-br-full rounded-tr-full border border-l-transparent border-r-white bg-background md:block md:w-1/12" />
+          <div className="z-10 ml-[-1px] box-border hidden aspect-1/2 rounded-br-full rounded-tr-full border border-l-transparent border-r-white bg-background md:block md:w-1/12" />
           <div className="flex flex-col items-center md:w-3/12 md:py-10">
             <span className="material-symbols-outlined mt-16 scale-[600%] text-[#ffffff]">
               flight
@@ -98,11 +98,11 @@ export default function Page() {
             />
           </div>
 
-          <div className="aspect-1/2 right-0 z-10 mr-[-1px] box-border hidden rounded-bl-full rounded-tl-full border border-l-white border-r-background bg-background md:block md:w-1/12" />
+          <div className="right-0 z-10 mr-[-1px] box-border hidden aspect-1/2 rounded-bl-full rounded-tl-full border border-l-white border-r-background bg-background md:block md:w-1/12" />
         </div>
         {/* ticket 3 */}
         <div className="box-border flex w-full flex-col items-center justify-between rounded-xl border-white bg-background-light px-2 py-10 md:flex-row md:rounded-none md:border md:px-0 md:py-0">
-          <div className="aspect-1/2 z-10 ml-[-1px] box-border hidden rounded-br-full rounded-tr-full border border-l-transparent border-r-white bg-background md:block md:w-1/12" />
+          <div className="z-10 ml-[-1px] box-border hidden aspect-1/2 rounded-br-full rounded-tr-full border border-l-transparent border-r-white bg-background md:block md:w-1/12" />
           <div className="flex flex-col items-center justify-center md:w-3/12 md:py-10">
             <span className="material-symbols-outlined mt-16 scale-[600%] text-[#ffffff]">
               crowdsource
@@ -153,7 +153,7 @@ export default function Page() {
               className="ml-[-4px] md:mr-4 md:w-full"
             />
           </div>
-          <div className="aspect-1/2 right-0 z-10 mr-[-1px] box-border hidden rounded-bl-full rounded-tl-full border border-l-white border-r-background bg-background md:block md:w-1/12" />
+          <div className="right-0 z-10 mr-[-1px] box-border hidden aspect-1/2 rounded-bl-full rounded-tl-full border border-l-white border-r-background bg-background md:block md:w-1/12" />
         </div>
       </section>
       <section