Skip to content
This repository has been archived by the owner on Feb 4, 2023. It is now read-only.

login and signup in mobile view #86

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open

login and signup in mobile view #86

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
3ccfcb5
Update Header.js
rjrishika Oct 6, 2022
26205ff
Update Header.css
rjrishika Oct 6, 2022
efd173f
Update index.html
rjrishika Oct 6, 2022
aa79016
Update package.json
rjrishika Oct 6, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
"@testing-library/jest-dom": "^5.14.1",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^14.4.3",
"bootstrap": "^5.2.2",
"chokidar": "^3.5.3",
"classnames": "^2.3.1",
"react": "^18.2.0",
Expand Down
2 changes: 2 additions & 0 deletions public/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,6 +53,8 @@
href="https://fonts.googleapis.com/css2?family=Nunito:wght@700&display=swap"
rel="stylesheet"
/>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
Expand Down
8 changes: 8 additions & 0 deletions src/components/HomePage/header/Header.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,10 @@
transition: all 0.25s ease-in-out;
}

.toggle{
display:none;
}

.toggle-icon {
font-size: 1.5rem;
transition: all 0.25s ease-in-out;
Expand All @@ -20,4 +24,8 @@
.toggle-container {
padding-left: 4px;
}
.toggle{
display: flex;
}

}
12 changes: 12 additions & 0 deletions src/components/HomePage/header/Header.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@ import React from "react";
import "./Header.css";
import { LinkifyContext } from "../../../context";
import { MdDarkMode, MdLightMode } from "react-icons/md";
import {BsPersonCircle} from "react-icons/bs"
import {
ButtonGroup,
HeaderContainer,
Expand Down Expand Up @@ -33,6 +34,17 @@ export default function Header() {
<ButtonGroup>
<LeftButton onClick={handleLogin}>Login</LeftButton>
<RightButton onClick={handleSignin}>Sign Up</RightButton>

<div className="dropdown toggle" >
<button className=" btn btn-dark" style={{backgroundColor:"black",border:"none"}}type="button" data-bs-toggle="dropdown" aria-expanded="false">
<BsPersonCircle />
</button>
<ul className="dropdown-menu dark">
<li><button className="dropdown-item " onClick={handleSignin}> SignUp</button></li>
<li><button className="dropdown-item " onClick={handleLogin}>LogIn</button></li>

</ul>
</div>
{/* <StyledLink>
<Toggle
onClick={handleSubmit}
Expand Down