From 45cf54c07574c4dd557905615e9723ac5c69b8ac Mon Sep 17 00:00:00 2001 From: Rohan Barsagade Date: Sat, 13 Jul 2024 18:46:57 +0530 Subject: [PATCH] feat: UI changes as per GYFT UI --- frontend/src/App.tsx | 27 ++- frontend/src/AppContext/AppContext.tsx | 8 +- frontend/src/assets/header-logo.png | Bin 210514 -> 0 bytes frontend/src/assets/hero-img.png | Bin 0 -> 143215 bytes frontend/src/assets/logo.jpg | Bin 15068 -> 0 bytes frontend/src/assets/metakgp-logo-header.png | Bin 6884 -> 0 bytes frontend/src/assets/metakgp-logo-white.png | Bin 23077 -> 0 bytes frontend/src/assets/metakgp-logo.png | Bin 5730 -> 2874 bytes frontend/src/components/Circles.tsx | 41 ++++ frontend/src/components/Electives.tsx | 61 +++--- frontend/src/components/Footer.tsx | 19 +- frontend/src/components/Header.tsx | 2 +- frontend/src/components/RollForm.tsx | 4 +- frontend/src/components/SecurityQueForm.tsx | 4 +- frontend/src/components/Spinner.tsx | 3 +- frontend/src/styles/footer.scss | 36 +++- frontend/src/styles/header.scss | 28 +-- frontend/src/styles/index.scss | 212 ++++++++++---------- frontend/src/styles/mixins.scss | 19 -- frontend/src/styles/modal.scss | 6 +- frontend/src/styles/reset.scss | 25 ++- frontend/src/styles/variables.scss | 15 +- 22 files changed, 306 insertions(+), 204 deletions(-) delete mode 100644 frontend/src/assets/header-logo.png create mode 100644 frontend/src/assets/hero-img.png delete mode 100644 frontend/src/assets/logo.jpg delete mode 100644 frontend/src/assets/metakgp-logo-header.png delete mode 100644 frontend/src/assets/metakgp-logo-white.png create mode 100644 frontend/src/components/Circles.tsx diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 391f3ed..1acf97b 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -1,18 +1,33 @@ -import React from "react"; +import React, { useState } from "react"; import Header from "./components/Header"; import Footer from "./components/Footer"; import MultiForm from "./components/MultiForm"; import { Toaster } from "react-hot-toast"; +import Circles from "./components/Circles"; +import hero from "./assets/hero-img.png"; +import Modal from "./components/Modal"; const App: React.FC = () => { + const [openModal, setOpenModal] = useState(false); return ( <> +
+ +
+
+
+
+ +
+
+
+ +
+
+ {openModal && } -
-
- -
-