Changeset 90f7842 for src/app/page.tsx

Timestamp:

12/21/25 18:36:39 (9 months ago)

Author:

Stefan-Saveski <stefansaveski19@…>

Branches:

master

Children:

997d094

Parents:

b67f274

Message:

fix: Update API endpoints to use production URL for user data retrieval and authentication

File:

• src/app/page.tsx (modified) (3 diffs)

src/app/page.tsx

@@ -49 +49 @@
         {/* Login Form */}
         <div className="flex items-center justify-center min-h-[calc(100vh-160px)] p-4">
-          <div className="w-full max-w-md">
-            {/* Login Card */}
-            <div className="bg-white rounded-2xl shadow-xl border border-gray-100 overflow-hidden">
-            {/* Header */}
-            <div className="bg-primary text-white px-8 py-6 text-center">
+          <div className="w-full max-w-5xl">
+            <div className="grid grid-cols-1 gap-6 lg:grid-cols-[24rem_28rem_24rem] lg:items-start lg:justify-center">
+              {/* Sticky Notes */}
+              <div className="w-full flex flex-col gap-4">
+                <div className="bg-yellow-100 border border-yellow-200 rounded-xl shadow-sm p-5">
+                  <div className="text-sm font-bold text-gray-900 mb-2">Login for Student</div>
+                  <div className="text-xs text-gray-800 whitespace-pre-wrap font-mono">
+                    {`"email":"boris@example.com",
+"password":"your-password-here",`}
+                  </div>
+                  <div className="mt-3 text-xs text-gray-700">
+                    may take up to 30 seconds afte long inactivity
+                  </div>
+                </div>
+
+                <div className="bg-yellow-100 border border-yellow-200 rounded-xl shadow-sm p-5">
+                  <div className="text-sm font-bold text-gray-900 mb-2">Login for Professor</div>
+                  <div className="text-xs text-gray-800 whitespace-pre-wrap font-mono">
+                    {`"email":"andonov@gmail.com",
+"password":"123lol456",`}
+                  </div>
+                </div>
+              </div>
+
+              {/* Login Card Column */}
+              <div className="w-full max-w-md lg:max-w-none lg:w-[28rem] mx-auto">
+                {/* Login Card */}
+                <div className="bg-white rounded-2xl shadow-xl border border-gray-100 overflow-hidden">
+                {/* Header */}
+                <div className="bg-primary text-white px-8 py-6 text-center">
               <div className="mb-4">
                 <div className="inline-flex items-center justify-center w-16 h-16 bg-white bg-opacity-20 rounded-full">
@@ -170 +195 @@
               </p>
             </div>
-          </div>
-
-          {/* Additional Info */}
-          <div className="mt-6 text-center">
-            <div className="inline-flex items-center gap-2 px-4 py-2 bg-white bg-opacity-80 rounded-lg shadow-sm">
-              <FontAwesomeIcon icon={faGraduationCap} className="text-primary" />
-              <span className="text-sm text-gray-600">
-                Студентски информационен систем
-              </span>
+                </div>
+
+                {/* Additional Info */}
+                <div className="mt-6 text-center">
+                  <div className="inline-flex items-center gap-2 px-4 py-2 bg-white bg-opacity-80 rounded-lg shadow-sm">
+                    <FontAwesomeIcon icon={faGraduationCap} className="text-primary" />
+                    <span className="text-sm text-gray-600">
+                      Студентски информационен систем
+                    </span>
+                  </div>
+                </div>
+              </div>
+
+              {/* Right spacer column (keeps login centered) */}
+              <div className="hidden lg:block" />
             </div>
           </div>
@@ -184 +215 @@
       </div>
     </div>
-    </div>
   );
 }