Go to file

MOHAN 56dd06b0f7 Complete UI/UX redesign — vibrant dark theme with orange/amber brand

- New collapsible sidebar (64px → 220px on hover) replaces top header
- Vibrant dark purple base (#0c0a1e) with glassmorphism cards
- Orange/amber gradient brand color throughout
- Redesigned Login page with floating orbs and glass card
- New AdminDashboard with gradient icon cards
- Partners/Clients/Mapping cards with modern hover effects
- AddPartner/ManagePartner forms with section-based glass layout
- ManageFilesPage with drag-upload zone and media grid
- ManageFilesOrderPage with collapsible screen groups and toggle UI
- SettingsPage with card-per-setting layout
- Shared CSS design system (glass-card, btn-primary, input-field, etc.)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

2026-06-13 16:53:05 +05:30

public

Initial commit — Dine360 Ads Frontend

2026-06-13 13:15:55 +05:30

src

Complete UI/UX redesign — vibrant dark theme with orange/amber brand

2026-06-13 16:53:05 +05:30

.gitignore

Initial commit — Dine360 Ads Frontend

2026-06-13 13:15:55 +05:30

.htaccess

Initial commit — Dine360 Ads Frontend

2026-06-13 13:15:55 +05:30

eslint.config.js

Initial commit — Dine360 Ads Frontend

2026-06-13 13:15:55 +05:30

index.html

Initial commit — Dine360 Ads Frontend

2026-06-13 13:15:55 +05:30

package-lock.json

Initial commit — Dine360 Ads Frontend

2026-06-13 13:15:55 +05:30

package.json

Initial commit — Dine360 Ads Frontend

2026-06-13 13:15:55 +05:30

README.md

Initial commit — Dine360 Ads Frontend

2026-06-13 13:15:55 +05:30

vite.config.js

Initial commit — Dine360 Ads Frontend

2026-06-13 13:15:55 +05:30

README.md

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

@vitejs/plugin-react uses Babel for Fast Refresh
@vitejs/plugin-react-swc uses SWC for Fast Refresh

Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript and enable type-aware lint rules. Check out the TS template to integrate TypeScript and typescript-eslint in your project.