Added alert for Apply_job file

Incentive-Coders · Feb 1, 2022 · 03248cc · 03248cc
2 parents 4c74c20 + 0d0309c
commit 03248cc
Show file tree

Hide file tree

Showing 7 changed files with 77 additions and 43 deletions.
diff --git a/src/Screens/About Page/About.tsx b/src/Screens/About Page/About.tsx
@@ -35,9 +35,12 @@ class GoogleAd extends Component<GoogleAdInterface> {
             <div className="row ">
               <div className="col-10 mx-auto home">
                 <div className="col-md-4 pt-5 pt-lg-0 order-2 order-lg-1 get_started">
-                  <h2 className="text_center">
-                    <strong className="brand-name">About Us</strong>
-                  </h2>
+                  <div className="text_center  ">
+                    <h2>
+                      <strong className="brand-name">About Us</strong>
+                    </h2>
+                  </div>
+
                   <p className="mt-3 textjustify about">
                     This is college recruitment system. We are to help you. It
                     is a best platform for companies and student. We will

diff --git a/src/Screens/Admin Apply/Admin_Apply.jsx b/src/Screens/Admin Apply/Admin_Apply.jsx
@@ -6,7 +6,6 @@ import '../../css/login.css';
 import 'bootstrap/dist/css/bootstrap.min.css';
 import axios from 'axios';
 import ReactLoading from 'react-loading';
-import Admin_jobs_page from '../Admin Jobs Page/Admin_Jobs_Page';
 
 const l = window.location.href;
 const a = l.split('=');

diff --git a/src/Screens/Navbar/Navbar.tsx b/src/Screens/Navbar/Navbar.tsx
@@ -11,6 +11,17 @@ function Navbar() {
           <div className="col-10 mx-auto navbar">
             <nav className="navbar navbar-expand-lg navbar-light">
               <div className="container-fluid navbar">
+                <button
+                  className="navbar-toggler position"
+                  type="button"
+                  data-bs-toggle="collapse"
+                  data-bs-target="#navbarTogglerDemo01"
+                  aria-controls="navbarTogglerDemo01"
+                  aria-expanded="false"
+                  aria-label="Toggle navigation"
+                >
+                  <span className="navbar-toggler-icon "></span>
+                </button>
                 <NavLink className="navbar-brand" to="/">
                   <img
                     src={web}

diff --git a/src/Screens/Toast/Toast.tsx b/src/Screens/Toast/Toast.tsx
diff --git a/src/css/home.css b/src/css/home.css
@@ -164,3 +164,19 @@
   height: 25px;
   overflow: hidden;
 }
+@media (max-width: 991px) {
+  .get_started {
+    display: flex;
+    /* align-content: center; */
+    margin-left: -15em;
+    /* padding-right: -2em; */
+    margin-top: 20em;
+    margin-left: -20em;
+    padding: 2%;
+  }
+
+  .home {
+    display: flex;
+    height: 900px;
+  }
+}
diff --git a/src/css/navbar.css b/src/css/navbar.css
@@ -1,7 +1,10 @@
 .logo {
   height: 90pt;
   padding-right: 50ex;
-  /* margin-left: -9%; */
+  /* margin-top: -5rem;
+  margin-left: -10rem; */
+
+  margin-left: -4%;
 }
 .padding {
   padding-right: 40ex;
@@ -20,6 +23,19 @@
   background-color: #0d0a3d !important;
 }
 
+.position {
+  margin: 2% 0% 0% 50%;
+
+  display: inline-block;
+}
+@media (max-width: 991px) {
+  .logo {
+    height: 60pt;
+    padding-right: 50ex;
+    margin-top: -5rem;
+    margin-left: -2rem;
+  }
+}
 .nav_bg {
   /* border: 1px solid darkblue; */
   justify-content: center;
@@ -32,12 +48,10 @@
 
 .navbar-collapse {
   /* border: 1px solid darksalmon; */
-display: flex;
+  display: flex;
 }
 
 ul.navbar-nav {
   width: 100%;
   justify-content: flex-end;
 }
-
-
diff --git a/src/index.css b/src/index.css
@@ -63,6 +63,7 @@
 }
 .bg {
   background-image: linear-gradient(rgb(253, 253, 253), #918fc0);
+
   width: 1520px;
   margin-right: 0%;
   padding-right: 0px;
@@ -230,3 +231,28 @@ body {
   margin-left: 500px;
   margin-top: 100px;
 }
+@media (max-width: 991px) {
+  .aboutimg {
+    height: 250px;
+    margin-left: -2rem;
+    display: block;
+  }
+  .textjustify {
+    text-align: justify;
+    margin-right: 10px;
+    margin-top: -100px;
+  }
+  .about {
+    font-size: 1rem justify;
+    margin-left: -200px;
+
+    width: 430px;
+  }
+
+  .text_center {
+    text-align: center;
+    margin-left: 65px;
+    margin-top: -4rem;
+    margin-bottom: 2rem;
+  }
+}