From 6702b6e0386cb6b3d05cada6d96dfa26e6c8490f Mon Sep 17 00:00:00 2001
From: Gagan7900 <54118395+Gagan7900@users.noreply.github.com>
Date: Tue, 11 Aug 2026 17:38:53 +0530
Subject: [PATCH] UI login page, and custom-table changes

---
 .../authentication/pages/login/login.html     |  2 +-
 .../components/data-table/data-table.scss     | 23 ++++++++++---------
 src/app/shell/ui/footer/footer.html           |  9 ++------
 3 files changed, 15 insertions(+), 19 deletions(-)

diff --git a/src/app/features/authentication/pages/login/login.html b/src/app/features/authentication/pages/login/login.html
index 11c36217..5fdb8515 100644
--- a/src/app/features/authentication/pages/login/login.html
+++ b/src/app/features/authentication/pages/login/login.html
@@ -49,7 +49,7 @@
           <!-- User Name Field (White Input Background) -->
           <div>
             <label for="signin-username" class="block text-sm font-semibold text-slate-800 mb-1.5">User Name</label>
-            <input type="text" id="signin-username" placeholder="user name" formControlName="username"
+            <input type="text" id="signin-username" placeholder="User Name" formControlName="username"
               autocomplete="username"
               class="login-input w-full px-4 py-3 bg-white border border-slate-300 rounded-xl text-base font-semibold text-slate-900 placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-purple-400/50 focus:border-purple-500 focus:bg-white transition-all duration-200" />
           </div>
diff --git a/src/app/shared/components/data-table/data-table.scss b/src/app/shared/components/data-table/data-table.scss
index d196a05b..ce8848e3 100644
--- a/src/app/shared/components/data-table/data-table.scss
+++ b/src/app/shared/components/data-table/data-table.scss
@@ -105,22 +105,23 @@
 }
 
 .data-table-modern .table thead {
-  // background: linear-gradient(
-  //   135deg,
-  //   #020617 0%,
-  //   #172554 40%,
-  //   #4338CA 75%,
-  //   #7C3AED 100%
-  // );
   background: #7C3AED;
   color: var(--color-white);
 }
 
+.data-table-modern .table thead tr:first-child th:first-child {
+  border-top-left-radius: 0.75rem;
+}
+
+.data-table-modern .table thead tr:first-child th:last-child {
+  border-top-right-radius: 0.75rem;
+}
+
 .data-table-modern .table thead th {
   padding: 0.5rem 0.75rem;
-  font-weight: 600;
-  font-size: 0.6875rem;
-  letter-spacing: 0.04em;
+  font-weight: 700;
+  font-size: 0.75rem;
+  letter-spacing: 0.03em;
   text-transform: uppercase;
   white-space: nowrap;
   vertical-align: middle;
@@ -130,7 +131,7 @@
 }
 
 .data-table-modern .table tbody td {
-  padding: 0.2rem 0.75rem;
+  padding: 0.5rem 1rem;
   vertical-align: middle;
   color: var(--color-defaulttextcolor);
   border: none;
diff --git a/src/app/shell/ui/footer/footer.html b/src/app/shell/ui/footer/footer.html
index bf43af8d..7b6303f6 100644
--- a/src/app/shell/ui/footer/footer.html
+++ b/src/app/shell/ui/footer/footer.html
@@ -2,13 +2,8 @@
 <footer
   class="footer mt-auto xl:ps-[15rem]  font-normal font-inter bg-white text-defaultsize leading-normal text-[0.813] shadow-[0_0_0.4rem_rgba(0,0,0,0.1)] dark:!bg-bodybg py-4 text-center">
   <div class="container">
-    <span class=" dark:text-defaulttextcolor/50"> Copyright © <span id="year">{{fullyear}}</span> <a
-        href="javascript:void(0);" class="text-defaulttextcolor font-semibold dark:text-defaulttextcolor"> Ynex</a>.
-      Designed with <span class="bi bi-heart-fill text-danger"></span> by <a href="javascript:void(0);">
-        <span class="font-semibold text-primary underline">Spruko</span>
-      </a> All
-      rights
-      reserved
+    <span class=" dark:text-defaulttextcolor/50"> Copyright © <span id="year">{{fullyear}}</span> Syscom
+      Distribution LLC. All rights reserved.
     </span>
   </div>
 </footer>