Britton/next-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Docker compose update, fixed a few navbar related size issues

Browse Source
This commit is contained in:
Jason Jordan
2025-07-01 14:17:13 -04:00
parent 3d85feb4b3
commit 30cd59658d
4 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Navbar.tsx
+2 -1
View File
@@ -12,6 +12,7 @@ const Navbar = () => {
useEffect(() => {
const handleScroll = () => {
// Find pixels from top to bottom of "tag line" div
if (window.scrollY > 355) {
setIsScrolled(true);
} else {
@@ -79,7 +80,7 @@ const Navbar = () => {
</li>
</ul>
<div className="flex space-x-2 font-semibold">
<Button className="bg-britton-neutral py-1 px-4 rounded border-1 border-britton-dark">
<Button className="bg-britton-neutral hover:bg-britton-accent2 py-1 px-4 rounded border-1 border-britton-dark">
Sign In
</Button>
<Button className="bg-britton-dark hover:bg-britton-medium text-britton-light py-1 px-4 rounded">
src/components/Section1.tsx
+14 -12
View File
@@ -23,20 +23,22 @@ const Section1: React.FC<SectionProps> = (
}
) => {
return (
<div className='flex justify-center m-h-150 py-10 mx-20'>
<div className="flex flex-col w-7/12">
<div className="text-5xl h-30 pt-10 text-britton-accent">
{title}
<div className='flex justify-center m-h-150 py-10'>
<div className='w-11/12 flex'>
<div className="flex flex-col w-7/12">
<div className="text-5xl h-30 pt-10 text-britton-accent">
{title}
</div>
<div className="text-4xl text-left bg-britton-neutral text-britton-dark rounded-l-3xl p-8 h-full">
{children}
</div>
</div>
<div className="text-4xl text-left bg-britton-neutral text-britton-dark rounded-l-3xl p-8 h-full">
{children}
</div>
</div>
{/* <Image src="/images/placeHolder.png" alt="Description of image" width={300} height={300} /> */}
<div className='w-5/12 rounded-r-3xl rounded-tl-3xl p-4 bg-britton-neutral justify-center'>
{/* <div className={`h-full w-full bg-cover mask-cover mask-[url(/images/brittonRoundedOctogon.png)] bg-[url(/images/placeHolder.png)]`} /> */}
<div className={`h-full w-full rounded-3xl bg-cover bg-[url(/images/placeHolder.png)]`} />
{/* <Image src="/images/placeHolder.png" alt="Description of image" width={300} height={300} /> */}
<div className='w-5/12 rounded-r-3xl rounded-tl-3xl p-4 bg-britton-neutral justify-center'>
{/* <div className={`h-full w-full bg-cover mask-cover mask-[url(/images/brittonRoundedOctogon.png)] bg-[url(/images/placeHolder.png)]`} /> */}
<div className={`h-full w-full rounded-3xl bg-cover bg-[url(/images/placeHolder.png)]`} />
</div>
</div>
</div>
);