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

brand: Tech Mahindra logo + sidebar/login lockup refinements

Browse Source
This commit is contained in:
Bhanu Prakash Sai Potteri 2026-06-02 10:40:49 +05:30
parent 7fc5833ea4
commit 80ccaa7ffe
6 changed files with 9 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/svg+xml" href="/zino.svg" /> <link rel="icon" type="image/png" href="/mahindra-favicon.png" />
<link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />

BIN
public/mahindra-favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

BIN
public/mahindra.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

BIN
public/tech-mahindra.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 55 KiB

8
src/components/variants/VariantB.tsx
View File

@ -171,11 +171,9 @@ function Sidebar({
borderRight: `1px solid ${TM_BORDER}`, borderRight: `1px solid ${TM_BORDER}`,
}} }}
> >
<div className="px-5 pt-6 pb-5 border-b border-stone-200/60"> <div className="px-5 pt-4 pb-3 border-b border-stone-200/60 text-center">
<div className="leading-tight"> <img src={`${import.meta.env.BASE_URL}tech-mahindra.png`} alt="Tech Mahindra" className="mx-auto h-auto block" style={{ maxWidth: "85%" }} />
<img src={`${import.meta.env.BASE_URL}zino.svg`} alt="Zino" className="h-5 w-auto" /> <div className="mt-2 text-[10.5px] uppercase tracking-[0.18em] text-stone-500">AI Sales Ops</div>
<div className="text-[10.5px] uppercase tracking-[0.18em] text-stone-500 mt-2">AI Sales Ops</div>
</div>
</div> </div>
<div className="flex-1 px-3 py-4 overflow-y-auto"> <div className="flex-1 px-3 py-4 overflow-y-auto">

13
src/pages/Login.tsx
View File

@ -60,9 +60,10 @@ export default function Login() {
/> />
{/* Brand lockup — zino mark + Sales Ops subtitle */} {/* Brand lockup — zino mark + Sales Ops subtitle */}
<div className="relative z-10 leading-tight"> <div className="relative z-10">
<img src={`${import.meta.env.BASE_URL}zino.svg`} alt="Zino" className="h-7 w-auto" /> <div className="bg-white rounded-xl px-5 py-3 shadow-lg inline-block">
<div className="text-[10.5px] uppercase tracking-[0.18em] text-white/60 mt-2">AI Sales Ops</div> <img src={`${import.meta.env.BASE_URL}tech-mahindra.png`} alt="Tech Mahindra" className="h-24 w-auto block" />
</div>
</div> </div>
{/* Headline + feature bullets */} {/* Headline + feature bullets */}
@ -107,7 +108,7 @@ export default function Login() {
<div className="w-full max-w-[360px]"> <div className="w-full max-w-[360px]">
{/* Compact lockup for mobile (left panel hidden) */} {/* Compact lockup for mobile (left panel hidden) */}
<div className="flex items-center mb-10 lg:hidden"> <div className="flex items-center mb-10 lg:hidden">
<img src={`${import.meta.env.BASE_URL}zino.svg`} alt="Zino" className="h-6 w-auto" /> <img src={`${import.meta.env.BASE_URL}mahindra.png`} alt="Mahindra" className="h-20 w-auto" />
</div> </div>
<div className="mb-8"> <div className="mb-8">
@ -173,10 +174,6 @@ export default function Login() {
</button> </button>
</form> </form>
<div className="flex items-center justify-center gap-1.5 mt-12">
<span className="text-[11px] uppercase tracking-[0.12em] text-stone-400">Powered by</span>
<span className="text-[11px] font-bold uppercase tracking-[0.12em]" style={{ color: INK }}>Mahindra</span>
</div>
</div> </div>
</div> </div>
</div> </div>