gitea_admin/krishnasales_mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

side bar tweak

Browse Source
This commit is contained in:
suryac 2026-08-03 16:01:49 +05:30
parent 91979632ad
commit 6f0e86007e
3 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/cards/DailyLogCard.tsx
View File

@ -111,8 +111,8 @@ export function DailyLogCard({ row, onPunchOut, isDetailView = false }: { row: R
</div>
) : (
<>
<UserIcon size={16} className="text-strong" />
<span className="text-strong">{userName}</span>
<UserIcon size={18} className="text-primary" />
<span className="text-primary font-bold text-[17px]">{userName}</span>
</>
)}
</div>

18
src/screens/ConsoleLayout.tsx
View File

@ -178,13 +178,17 @@ export function ConsoleLayout() {
<div className="p-4 border-t border-border-subtle shrink-0 flex flex-col gap-3 mb-[env(safe-area-inset-bottom)]">
{user && (
<div className="flex flex-col px-1">
<span className="text-sm font-medium text-foreground truncate">{user.name || 'User'}</span>
<span className="text-xs text-foreground/70 truncate">{user.email || 'user@email.com'}</span>
{userRoles && userRoles.length > 0 && (
<span className="text-xs font-semibold text-primary mt-0.5 truncate">{userRoles.join(', ')}</span>
)}
<div className="flex items-center gap-3 px-1 py-2">
<div className="flex-shrink-0 w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary font-bold text-lg shadow-sm border border-primary/20">
{(user.name || 'U').charAt(0).toUpperCase()}
</div>
<div className="flex flex-col min-w-0">
<span className="text-sm font-bold text-foreground truncate">{user.name || 'User'}</span>
<span className="text-xs text-foreground/70 truncate">{user.email || 'user@email.com'}</span>
{userRoles && userRoles.length > 0 && (
<span className="text-[10px] uppercase tracking-wider font-bold text-primary mt-0.5 truncate">{userRoles.join(', ')}</span>
)}
</div>
</div>
)}
<button

4
src/screens/LoginPage.tsx
View File

@ -41,12 +41,12 @@ export function LoginPage() {
<label className="flex flex-col gap-1.5 font-sans">
<span className="text-sm font-semibold text-emerald-800">Email <span className="text-emerald-500">*</span></span>
<input type="email" value={email} onChange={(e) => setEmail(e.target.value)} required autoFocus
className="h-[42px] px-3 border border-emerald-200 bg-emerald-50/50 rounded-md outline-none focus:ring-2 focus:ring-emerald-400 focus:border-emerald-400 transition-all text-emerald-900 placeholder:text-emerald-300" placeholder="Enter your email" />
className="h-[42px] px-3 border border-emerald-200 bg-emerald-50/50 rounded-md outline-none focus:ring-2 focus:ring-emerald-400 focus:border-emerald-400 transition-all text-emerald-900 placeholder:text-slate-400" placeholder="Enter your email" />
</label>
<label className="flex flex-col gap-1.5 font-sans">
<span className="text-sm font-semibold text-emerald-800">Password <span className="text-emerald-500">*</span></span>
<input type="password" value={password} onChange={(e) => setPassword(e.target.value)} required
className="h-[42px] px-3 border border-emerald-200 bg-emerald-50/50 rounded-md outline-none focus:ring-2 focus:ring-emerald-400 focus:border-emerald-400 transition-all text-emerald-900 placeholder:text-emerald-300" placeholder="Enter your password" />
className="h-[42px] px-3 border border-emerald-200 bg-emerald-50/50 rounded-md outline-none focus:ring-2 focus:ring-emerald-400 focus:border-emerald-400 transition-all text-emerald-900 placeholder:text-slate-400" placeholder="Enter your password" />
</label>
{error && <div className="text-xs text-ruby-600 font-medium">{error}</div>}
<Button type="submit" full disabled={busy} className="mt-2 bg-emerald-600 hover:bg-emerald-700 text-white border-transparent">