removed workshop tile time, fixed mobile view

simonyiszk · Mar 2, 2024 · fe0441a · fe0441a
1 parent 04f3db0
commit fe0441a
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/src/app/workshop/page.tsx b/src/app/workshop/page.tsx
@@ -12,9 +12,13 @@ export default function WorkshopPage() {
     <div className='max-w-6xl w-full px-4 sm:px-6 xl:px-0 mt-10'>
       <Tile>
         <Tile.Body>
-          <h1 className='mb-16 text-3xl sm:text-4xl md:text-[42px]'>A 21. század műanyaga az AI - Workshop</h1>
+          <div>
+            <h1 className='mb-2 text-3xl sm:text-4xl md:text-[42px]'>A 21. század műanyaga az AI - Workshop</h1>
+            <p className='mb-16 text-[22px] font-bold block lg:hidden text-[#FFE500]'>IB110 | 14:30-16:30</p>
+          </div>
           <div className='flex flex-col lg:flex-row gap-8'>
             <div>
+              <p className='mb-8 text-[22px] font-bold hidden lg:block text-[#FFE500]'>IB110 | 14:30-16:30</p>
               <p className='text-stone-200 text-base sm:text-[20px] whitespace-pre-line'>
                 A 21. század műanyaga a mesterséges intelligencia. Már előreláthatólag el fog árasztani mindent, és
                 lépésről lépésre fel kell fedezzük (a mérnökök és a felhasználók) a tulajdonságait, hogy az általános

diff --git a/src/components/presentation/Presentation.tsx b/src/components/presentation/Presentation.tsx
@@ -42,19 +42,20 @@ export default async function Presentation({ presentation, isFrontPage }: Presen
           {!isFrontPage && (
             <div>
               <h1 className='mb-2 hyphens-auto sm:hyphens-none'>{title}</h1>
+              <p className='mb-8 text-[25px] font-bold block md:hidden text-[#FFE500]'>{`${presentation.room}${time}`}</p>
             </div>
           )}
           <div className='flex flex-col md:flex-row gap-8'>
             {!isFrontPage && (
               <div>
-                <p className='mb-8 text-[25px]'>{`${presentation.room}${time}`}</p>
+                <p className='mb-8 text-[25px] font-bold hidden md:block text-[#FFE500]'>{`${presentation.room}${time}`}</p>
                 <p className='text-stone-200 text-base sm:text-[20px] whitespace-pre-line'>{description}</p>
               </div>
             )}
             {isFrontPage && (
               <div>
                 <p className='mb-2 text-3xl sm:text-[40px] font-bold leading-10'>{title}</p>
-                <p className='mb-8 text-[22px] '>{`${presentation.room}${time}`}</p>
+                <p className='mb-8 text-[22px] font-bold text-[#FFE500]'>{`${presentation.room}${time}`}</p>
                 <p className='text-stone-200 text-base sm:text-[20px] whitespace-pre-line'>{description}</p>
                 <div className='flex flex-col sm:flex-row'>
                   {imageUrls?.map((image) => {

diff --git a/src/components/tiles/workshop-tile.tsx b/src/components/tiles/workshop-tile.tsx
@@ -7,7 +7,6 @@ export function WorkshopTile() {
     <Tile className='sm:col-span-6 md:col-span-3'>
       <Tile.Body>
         <h2 className='text-3xl sm:text-[34px] mb-1'>A 21. század műanyaga az AI</h2>
-        <p className='mb-2 text-[22px]'>{`IB110 | 14:30-16:30`}</p>
         <div className='flex flex-col gap-4 lg:gap-0 lg:flex-row w-full justify-between mt-4'>
           <p className='text-stone-200 text-[20px] whitespace-pre-line w-full'>
             2 órás gyakorlati workshop, amiben bemutatásra kerül a neurális hálók működése, eddig megismert