admin/sp80
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): Add logo to header, shorten sidebar

Browse Source
This commit is contained in:
TCK e-Solutions Sdn. Bhd.
2026-03-13 14:09:04 +08:00
parent aab408df95
commit 2ce90ec450
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
sample_interface/src/app/components/Header.tsx
View File

@@ -36,7 +36,12 @@ export function Header() {
return ( return (
<div className="bg-gray-950 border-b border-gray-700 px-2 py-1 flex items-start gap-1 text-xs"> <div className="bg-gray-950 border-b border-gray-700 px-2 py-1 flex items-start gap-1 text-xs">
{/* Left side - all status items in one row */} {/* Logo (leftmost) */}
<div className="flex items-center gap-1 pr-2">
<img src={TCKLogo} alt="TCK" className="w-6 h-6" />
</div>
{/* Status items */}
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">
{/* Date */} {/* Date */}
<div className="flex items-center gap-1 px-2 py-0.5 bg-gray-800 rounded"> <div className="flex items-center gap-1 px-2 py-0.5 bg-gray-800 rounded">

4
sample_interface/src/app/components/Sidebar.tsx
View File

@@ -114,7 +114,7 @@ export function Sidebar({ collapsed, onToggle }: SidebarProps) {
return ( return (
<div <div
className={`bg-gray-950 border-r border-gray-700 transition-all duration-300 flex flex-col ${ className={`bg-gray-950 border-r border-gray-700 transition-all duration-300 flex flex-col ${
collapsed ? "w-16" : "w-64" collapsed ? "w-14" : "w-56"
}`} }`}
> >
<div className="p-2 border-b border-gray-700 flex items-center justify-between"> <div className="p-2 border-b border-gray-700 flex items-center justify-between">
@@ -134,7 +134,7 @@ export function Sidebar({ collapsed, onToggle }: SidebarProps) {
<> <>
<button <button
onClick={() => toggleExpanded(item.id)} onClick={() => toggleExpanded(item.id)}
className={`w-full flex items-center gap-3 px-3 py-2.5 text-sm transition-colors ${ className={`w-full flex items-center gap-2 px-2 py-2 text-xs transition-colors ${
isParentActive(item.children) isParentActive(item.children)
? "bg-blue-600 text-white" ? "bg-blue-600 text-white"
: "text-gray-300 hover:bg-gray-800 hover:text-white" : "text-gray-300 hover:bg-gray-800 hover:text-white"