Ucalgary_Baja/BajaUofCWebsite
4
0
Fork 0
mirror of https://github.com/UofCBaja/BajaUofCWebsite.git synced 2025-06-15 13:24: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;
justify-content: space-between;
background-color: antiquewhite;
background-color: #1f1f1f;
}
header a {
@ -38,7 +38,9 @@ header div {
#logo {
height: 10svh;
/* width: 10svw; */
padding: 0.15rem;
margin-left: 3svw;
}
/* naviagation section */
@ -55,8 +57,12 @@ nav a {
}
nav a li {
background-color: white;
padding: 0.5rem;
background-color: #1f1f1f;
color: whitesmoke;
padding: 1rem;
font-size: larger;
/* border-left: solid 2px gray; */
}
/* removes first divider */
@ -66,7 +72,8 @@ nav a li {
}
nav a li:hover {
background-color: gray;
/* background-color: gray; */
color: #a80029;
}
nav ul {
@ -143,9 +150,9 @@ creates dwon downs
display: flex;
width: fit-content;
margin-left: 3svw;
margin-left: 15svw;
font-size: xx-large;
font-size: xx-large; /* todo make larger */
font-weight: normal;
background-color: white;

12
src/Header/Header.js
View File

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