UI update event detail

Signed-off-by: swastkk <swastkk@gmail.com>
istenith · Jan 25, 2024 · 690ba49 · 690ba49
1 parent 0276c96
commit 690ba49
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 4 deletions.
diff --git a/src/app/components/Modal/modal.jsx b/src/app/components/Modal/modal.jsx
@@ -105,7 +105,7 @@ export const Modal = ({ cardrecieved, handleClose, isRegisteredEvent }) => {
                               <span>{cardrecieved.name}</span>
                               <span className={'text-right'}>{cardrecieved.date}</span>
                          </div>
-                         <div className='text-justify mt-5'>
+                         <div className='text-justify mt-5' style={{display:'inline-block'}}>
                               {cardrecieved.description}
                          </div>
                     </div>

diff --git a/src/app/components/Modal/modalStyles.css b/src/app/components/Modal/modalStyles.css
@@ -71,8 +71,9 @@
 
     .modal-custom{
       height: 87%;
-      margin-top: 4.5rem;
+      margin-top: 5rem;
       padding-top: 1vh;
+      padding-bottom: 1rem;
     }
 
     .image-container {
@@ -82,6 +83,19 @@
         margin: 1rem;
     }
   }
+
+  @media(max-width : 768px)
+  {
+    .btns{
+      position: relative !important;
+      /* padding-top:100px;
+      margin-top: 100px; */
+      /* display: flex;
+      flex-direction: column; */
+      /* background-color: black; */
+    }
+  }
+
 
 
 

diff --git a/src/app/event-register/[eventId]/page.jsx b/src/app/event-register/[eventId]/page.jsx
@@ -42,8 +42,9 @@ const EventRegisterPage = () => {
     try {
       const token = localStorage.getItem('myJwtToken');
       if (!token) {
-        alert('Token not found: User Unauthenticated');
+        alert('Please Login/Signup to register!');
         // window.location.href = '/participate';
+        router.push('/participate');
         return;
       }
 

diff --git a/src/app/events/page.tsx b/src/app/events/page.tsx
@@ -203,7 +203,7 @@ const Page = () => {
                                              </figure>
                                              <div className="custom-card-body">
                                                   <h2 className="custom-card-title mt-2">{card.name}</h2>
-                                                  {/* <p>{card.date}</p> */}
+                                                  <p>{card.date}</p>
                                                   <br />
                                                   <OpenDialogButton card={card} setModalOpenToTrue={openModal} />
                                              </div>

diff --git a/src/app/globals.css b/src/app/globals.css
@@ -211,6 +211,7 @@ body {
   background-position-x: -10%;
 }
 
+
 .modal-custom {
   width: clamp(70%, 700px, 90%);
   height: min(70%, 700px);