Skip to content

Commit

Permalink
navbar update
Browse files Browse the repository at this point in the history
  • Loading branch information
TanishqMehrunkarIIPSDAVV committed Aug 23, 2024
1 parent 3f36fb8 commit e8ad506
Show file tree
Hide file tree
Showing 3 changed files with 20 additions and 30 deletions.
12 changes: 6 additions & 6 deletions src/TeacherDashboard/Navbar.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -6,21 +6,21 @@ const Navbar=()=>
{
return(
<>
<div className="navbar">
<div className="contents left-margin">
<div className="navbar-tanishq">
<div className="contents-tanishq left-margin-tanishq">
<div>Niko Vajradanti</div>
<img alt="Image" className="pfp"
src="https://st4.depositphotos.com/9998432/22597/v/450/depositphotos_225976914-stock-illustration-person-gray-photo-placeholder-man.jpg"
width="50" height="50"/>
</div>
<div className="contents">
<button className="papers">Papers</button>
<div className="contents-tanishq">
<button className="papers-tanishq">Papers</button>
<div>
Ready for Evaluation
</div>
</div>
<div className="right-margin">
<button className="logout">Logout</button>
<div className="right-margin-tanishq">
<button className="logout-tanishq">Logout</button>
</div>
</div>
</>
Expand Down
35 changes: 13 additions & 22 deletions src/TeacherDashboard/TeacherDashboard.css
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
font-family: poppins_bold;
src: url(../Assets/Poppins-Bold.ttf);
}
.navbar
.navbar-tanishq
{
display: flex;
justify-content: space-between;
Expand All @@ -25,13 +25,13 @@
{
border-radius: 50%;
}
.contents
.contents-tanishq
{
display: flex;
gap: 15px;
align-items: center;
}
.papers
.papers-tanishq
{
width: 100px;
height: 40px;
Expand All @@ -44,7 +44,7 @@
font-size: large;
font-weight: 600;
}
.logout
.logout-tanishq
{
width: 100px;
height: 40px;
Expand All @@ -57,55 +57,46 @@
font-weight: 600;
color: white;
}
.logout:hover
.logout-tanishq:hover
{
background-color: red;
}
.left-margin
.left-margin-tanishq
{
margin-left: 40px;
}
.right-margin
.right-margin-tanishq
{
margin-right: 40px;
}
.menu
{
display: none;
}
.menu-button
{
background: transparent;
border: none;
}
@media(max-width:720px)
{
.logout
.logout-tanishq
{
width:75px;
font-size: medium;
}
.navbar
.navbar-tanishq
{
font-size: medium;
justify-content: center;
}
.papers
.papers-tanishq
{
width:75px;
font-size:medium;
margin-left:10px;
}
.left-margin
.left-margin-tanishq
{
margin-left:20px;
}
.right-margin
.right-margin-tanishq
{
margin-right: 20px;
margin-left:10px;
}
.contents
.contents-tanishq
{
gap:10px;
}
Expand Down
3 changes: 1 addition & 2 deletions src/TeacherDashboard/TeacherDashboard.jsx
Original file line number Diff line number Diff line change
@@ -1,11 +1,10 @@
import React from 'react';
import Navbar from "./Navbar";
// import Navbar from "./Navbar";

const TeacherDashboard=()=>
{
return(
<>
<Navbar />
</>
);
}
Expand Down

0 comments on commit e8ad506

Please sign in to comment.