Ucalgary_Baja/BajaUofCWebsite
4
0
Fork 0
mirror of https://github.com/UofCBaja/BajaUofCWebsite.git synced 2025-06-16 05:44:17 -06:00
Code Issues Packages Projects Releases Wiki Activity

feat(header): started colouring in correctly

Browse Source
This commit is contained in:
darkicewolf50 2025-03-29 15:29:50 -06:00
parent 0e6b37d55a
commit 910bdf9367
2 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/Header/Header.css
View File

@ -7,7 +7,7 @@ header {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
background-color: antiquewhite; background-color: #1f1f1f;
} }
header a { header a {
@ -38,7 +38,9 @@ header div {
#logo { #logo {
height: 10svh; height: 10svh;
/* width: 10svw; */
padding: 0.15rem; padding: 0.15rem;
margin-left: 3svw;
} }
/* naviagation section */ /* naviagation section */
@ -55,8 +57,12 @@ nav a {
} }
nav a li { nav a li {
background-color: white; background-color: #1f1f1f;
padding: 0.5rem; color: whitesmoke;
padding: 1rem;
font-size: larger;
/* border-left: solid 2px gray; */ /* border-left: solid 2px gray; */
} }
/* removes first divider */ /* removes first divider */
@ -66,7 +72,8 @@ nav a li {
} }
nav a li:hover { nav a li:hover {
background-color: gray; /* background-color: gray; */
color: #a80029;
} }
nav ul { nav ul {
@ -143,9 +150,9 @@ creates dwon downs
display: flex; display: flex;
width: fit-content; width: fit-content;
margin-left: 3svw; margin-left: 15svw;
font-size: xx-large; font-size: xx-large; /* todo make larger */
font-weight: normal; font-weight: normal;
background-color: white; background-color: white;

12
src/Header/Header.js
View File

@ -93,19 +93,19 @@ export default function Header() {
<nav> <nav>
<ul> <ul>
<Link to={"/"}> <Link to={"/"}>
<li id="FirstNav">Home</li> <li id="FirstNav">HOME</li>
</Link> </Link>
<Link to={"/"}> <Link to={"/"}>
<li>About</li> <li>ABOUT</li>
</Link> </Link>
<Link to={"/Teams"}> <Link to={"/Teams"}>
<li>Team</li> <li>TEAM</li>
</Link> </Link>
<Link to={"/"}> <Link to={"/"}>
<li>History</li> <li>HISTORY</li>
</Link> </Link>
<Link to={"/OurSponsors"}> <Link to={"/OurSponsors"}>
<li>Sponsors</li> <li>SPONSORS</li>
</Link> </Link>
{/* <Link to={"/OurSponsors"}> {/* <Link to={"/OurSponsors"}>
<li>Become a Sponsor</li> <li>Become a Sponsor</li>
@ -141,7 +141,7 @@ export default function Header() {
</ul> </ul>
</li> */} </li> */}
<Link to={"/"}> <Link to={"/"}>
<li>Contact Us</li> <li>CONTACT US</li>
</Link> </Link>
</ul> </ul>
</nav> </nav>