diff --git a/devblog/devblog/ClientApp/src/components/Nav.tsx b/devblog/devblog/ClientApp/src/components/Nav.tsx index 7674efd..e506542 100644 --- a/devblog/devblog/ClientApp/src/components/Nav.tsx +++ b/devblog/devblog/ClientApp/src/components/Nav.tsx @@ -1,7 +1,7 @@ import { useEffect, useState } from "react"; import { Link, useLocation } from "react-router-dom"; import SignOut from "../pages/SignOut"; -import { MdMenu } from "react-icons/md"; +import { MdMenu, MdNotifications } from "react-icons/md"; import { IsLoggedIn } from "../components/AuthenticationService"; import { GetIsAdmin } from "./AuthenticationService"; import "./styles/Nav.css"; @@ -48,8 +48,12 @@ const Nav = () => { + +
+ +
- +
Home diff --git a/devblog/devblog/ClientApp/src/components/styles/Nav.css b/devblog/devblog/ClientApp/src/components/styles/Nav.css index e05c106..35441b6 100644 --- a/devblog/devblog/ClientApp/src/components/styles/Nav.css +++ b/devblog/devblog/ClientApp/src/components/styles/Nav.css @@ -18,7 +18,7 @@ } .logo { - font-size: 40px; + font-size: 38px; padding: 5px; } @@ -32,9 +32,12 @@ opacity: 1.0; } -.nav-links, -.nav-icon { - display: none; +.notifications { + font-size: 35px; + margin-top: 23px; + margin-left: auto; + margin-right: 130px; + z-index: 21; } .nav-drop-down { @@ -63,9 +66,11 @@ } .nav-icon { + font-size: 69px; cursor: pointer; display: flex; margin-left: auto; + margin-top: 7px; } .nav-links { @@ -90,6 +95,16 @@ @media(max-width: 450px) { .logo { - font-size: 30px; + font-size: 25px; + } + + .nav-icon { + font-size: 50px; + } + + .notifications { + font-size: 25px; + margin-right: 85px; + margin-top: 19px; } } \ No newline at end of file diff --git a/devblog/devblog/ClientApp/src/pages/styles/Home.css b/devblog/devblog/ClientApp/src/pages/styles/Home.css index 42b59a6..ce68a98 100644 --- a/devblog/devblog/ClientApp/src/pages/styles/Home.css +++ b/devblog/devblog/ClientApp/src/pages/styles/Home.css @@ -3,7 +3,7 @@ display: flex; flex-direction: column; justify-content: center; - margin: 150px 20px 0px 20px; + margin: 92px 20px 0px 20px; } .update-video>button { diff --git a/devblog/devblog/ClientApp/src/pages/styles/Posts.css b/devblog/devblog/ClientApp/src/pages/styles/Posts.css index 33ad0c8..300221d 100644 --- a/devblog/devblog/ClientApp/src/pages/styles/Posts.css +++ b/devblog/devblog/ClientApp/src/pages/styles/Posts.css @@ -3,17 +3,17 @@ display: flex; flex-direction: column; justify-content: center; - margin: 100px 20px 0px 20px; + margin: 90px 20px 10px 20px; } .pager:first-child { display: flex; - margin-bottom: 20px; + margin-bottom: 10px; } .pager:last-child { display: flex; - margin-bottom: 100px; + margin-bottom: 50px; } .pager span { diff --git a/devblog/devblog/Controllers/VotesController.cs b/devblog/devblog/Controllers/VotesController.cs index 6945862..c4f11e9 100644 --- a/devblog/devblog/Controllers/VotesController.cs +++ b/devblog/devblog/Controllers/VotesController.cs @@ -1,5 +1,4 @@ using devblog.Interfaces; -using devblog.Models; using Microsoft.AspNetCore.Authorization; using Microsoft.AspNetCore.Mvc;