Ucalgary_Baja/BajaUofCWebsite
5
0
Fork 0
mirror of https://github.com/UofCBaja/BajaUofCWebsite.git synced 2025-08-05 09:50:55 -06:00
Code Issues Packages Projects Releases Wiki Activity

feat(vechilces): added content, css done, mobile done

Browse Source
This commit is contained in:
darkicewolf50
2025-06-04 16:29:54 -06:00
parent 4601309ae6
commit 1e71a8ef52
4 changed files with 194 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/Header/Header.css
View File

@ -163,7 +163,10 @@ nav a li:hover {
:root {
--fade-starts-at-bottom: 90%;
--fade-starts-at-top: 96%;
--banner-text-background: white;
--banner-text-background: #1f1f1fcc;
--banner-text-padding: 2svh 2svw;
--banner-text-rounding: 1rem;
--banner-text-colour: white;
}
/* #BannerHeader img {
@ -193,6 +196,9 @@ nav a li:hover {
font-weight: normal;
background-color: var(--banner-text-background);
border-radius: var(--banner-text-rounding);
color: var(--banner-text-colour);
padding: var(--banner-text-padding);
}
#BannerHeader h2 {
@ -203,6 +209,9 @@ nav a li:hover {
font-weight: normal;
background-color: var(--banner-text-background);
border-radius: var(--banner-text-rounding);
color: var(--banner-text-colour);
padding: var(--banner-text-padding);
}
/* for dark mode */

6
src/Header/Header.js
View File

@ -139,7 +139,11 @@ export default function Header() {
style={{ backgroundImage: `url(${bannerInfo.imgUrl})` }}>
<div>
<h1>{bannerInfo.titleText}</h1>
<h2>{bannerInfo.subtitleText}</h2>
{bannerInfo.subtitleText === "" ? (
<></>
) : (
<h2>{bannerInfo.subtitleText}</h2>
)}
</div>
</div>
</>