changes in navbar

sajanmadaan · Feb 26, 2022 · 24514ef · 24514ef
1 parent 8dbd346
commit 24514ef
Show file tree

Hide file tree

Showing 4 changed files with 268 additions and 128 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -9,6 +9,7 @@
  "@material-ui/icons": "^4.11.2",
  "@mui/icons-material": "^5.4.2",
  "@mui/material": "^5.4.3",
+ "@reduxjs/toolkit": "^1.7.2",
  "@testing-library/jest-dom": "^5.16.2",
  "@testing-library/react": "^12.1.3",
  "@testing-library/user-event": "^13.5.0",

diff --git a/src/components/CSS/Navbar.css b/src/components/CSS/Navbar.css
@@ -14,6 +14,7 @@
 .qlogo > img {
  height: 30px;
  margin-right: 20px;
+
 }
 .qicons {
  display: flex;
@@ -86,3 +87,20 @@
 .q_icon > svg:hover{
  stroke: #8f1f1b !important;
 }
+.flo{
+ display: none;
+ border: 1px solid lightgray;
+ height: 30px;
+ width:90px;
+ border-radius: 40px;
+ background-color: white;
+ color: black;
+ text-align: center;
+ margin-bottom: 5px;
+}
+.q_icon:hover+.flo{
+ display: block;
+ /* opacity:1;
+ pointer-events: auto; */
+}
+