etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-28 09:33:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: remove colored background from logo on login page

Browse Source 
Match logo styling with the rest of the app - use dark neutral
background instead of accent gradient, consistent border and shadow.
This commit is contained in:
Fringg
2026-02-11 01:43:52 +03:00
parent db3d961185
commit 6bf0af4ff3
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/Login.tsx
View File

@@ -314,10 +314,10 @@ export default function Login() {
<div className="relative w-full max-w-md space-y-8"> <div className="relative w-full max-w-md space-y-8">
{/* Logo */} {/* Logo */}
<div className="text-center"> <div className="text-center">
<div className="relative mx-auto mb-6 flex h-16 w-16 items-center justify-center overflow-hidden rounded-2xl bg-gradient-to-br from-accent-400 to-accent-600 shadow-lg shadow-accent-500/30"> <div className="relative mx-auto mb-6 flex h-16 w-16 items-center justify-center overflow-hidden rounded-2xl border border-dark-700/50 bg-dark-800/80 shadow-md">
{/* Always show letter as fallback */} {/* Always show letter as fallback */}
<span <span
className={`absolute text-2xl font-bold text-white transition-opacity duration-200 ${branding?.has_custom_logo && logoLoaded ? 'opacity-0' : 'opacity-100'}`} className={`absolute text-2xl font-bold text-accent-400 transition-opacity duration-200 ${branding?.has_custom_logo && logoLoaded ? 'opacity-0' : 'opacity-100'}`}
> >
{appLogo} {appLogo}
</span> </span>
@@ -326,7 +326,7 @@ export default function Login() {
<img <img
src={logoUrl} src={logoUrl}
alt={appName || 'Logo'} alt={appName || 'Logo'}
className={`absolute h-full w-full object-cover transition-opacity duration-200 ${logoLoaded ? 'opacity-100' : 'opacity-0'}`} className={`absolute h-full w-full object-contain transition-opacity duration-200 ${logoLoaded ? 'opacity-100' : 'opacity-0'}`}
onLoad={() => setLogoLoaded(true)} onLoad={() => setLogoLoaded(true)}
/> />
)} )}