d7 page review

privacy-scaling-explorations · Nov 10, 2024 · 124d45d · 124d45d
1 parent 28abc00
commit 124d45d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 8 deletions.
diff --git a/app/[lang]/devcon-7/page.tsx b/app/[lang]/devcon-7/page.tsx
@@ -24,7 +24,7 @@ export default async function DevconPage() {
     <>
       <div className="flex flex-col lg:pb-[120px]">
         <Devcon7Header />
-        <div className="flex flex-col gap-10 lg:gap-14 pt-8 lg:pt-[60px]">
+        <div className="flex flex-col gap-10 lg:gap-14 pt-8 lg:pt-[60px] mx-auto max-w-[950px]">
           <Devcon7Booths />
           <Devcon7Section />
         </div>

diff --git a/app/[lang]/devcon-7/sections/Devcon7Booths.tsx b/app/[lang]/devcon-7/sections/Devcon7Booths.tsx
@@ -17,9 +17,9 @@ export const Devcon7Booths = () => {
             return (
               <div
                 key={index}
-                className="lg:grid lg:grid-cols-[1.5fr_1fr] flex flex-col rounded-lg overflow-hidden border border-[rgba(8, 27, 26, 0.15)]"
+                className="flex flex-col bg-anakiwa-50 rounded-lg overflow-hidden border border-[rgba(8, 27, 26, 0.15)]"
               >
-                <div className="min-h-[160px] bg-slate-50 relative order-1 lg:order-2 bg-[lightgray 50% / cover no-repeat]">
+                <div className="h-[160px] lg:h-[240px] bg-slate-50 relative bg-[lightgray 50% / cover no-repeat]">
                   <Image
                     src={booth.image}
                     alt={`booth image ${index + 1}`}
@@ -28,7 +28,7 @@ export const Devcon7Booths = () => {
                     priority
                   />
                 </div>
-                <div className="flex flex-col gap-3 bg-anakiwa-50 p-4 lg:p-7 order-2 lg:order-1">
+                <div className="flex flex-col gap-3 p-4 lg:p-7">
                   <span className="text-anakiwa-500 text-xs font-sans leading-5 tracking-[2.5px] uppercase font-bold">
                     BOOTH
                   </span>

diff --git a/app/[lang]/devcon-7/sections/Devcon7Section.tsx b/app/[lang]/devcon-7/sections/Devcon7Section.tsx
@@ -105,16 +105,14 @@ const EventCard = ({ event = {}, speakers = [], location = "" }: any) => {
         </button>
       </div>
 
-      <div className="order-4 lg:flex hidden">
-        <Icons.line />
-      </div>
+      <div className="order-4 lg:flex hidden"></div>
     </div>
   )
 }
 
 export const Devcon7Section = () => {
   return (
-    <div className="flex flex-col gap-10 relative lg:px-[60px]">
+    <div className="flex flex-col gap-10 relative">
       <div className="flex flex-col lg:container">
         <div
           className={cn(tableSection(), "lg:border-b lg:border-anakiwa-200")}