Shiloh/old-shiloh-website
Shiloh/old-shiloh-website
Archived
5
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Hot Fix responsive font

Browse Source
This commit is contained in:
Caretaker0699 2023-08-21 10:21:47 -07:00
parent ddbcdd4e67
commit 461a75c70a
4 changed files with 23 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/layouts/ContactFormSection.jsx
View File

@ -15,9 +15,9 @@ const ContactFormSection = ({
</div> </div>
<div className="relative z-10 flex flex-col items-center justify-center h-full"> <div className="relative z-10 flex flex-col items-center justify-center h-full">
<div className="relative flex justify-center items-end w-full mb-20"> <div className="relative flex justify-center items-end w-full mb-20">
<h1 className="text-6xl font-normal text-white">{text}</h1> <h1 className="lg:text-5xl md:text-4xl sm:text-3xl text-3xl text-center text-white break-normal">{text}</h1>
</div> </div>
<div className="flex justify-start space-x-4"> <div className="flex justify-start space-x-4 text-center text-white break-normal">
<ContactButton <ContactButton
buttonText={buttonText} buttonText={buttonText}
email={email} email={email}

16
components/layouts/Section.jsx
View File

@ -79,13 +79,23 @@ const Section = ({
)} )}
<div className="relative z-10 flex flex-col items-center justify-center h-full"> <div className="relative z-10 flex flex-col items-center justify-center h-full">
<div className="relative flex justify-center items-end w-full mb-20"> <div className="relative flex justify-center items-end w-full mb-20">
<Heading className={`text-6xl font-normal text-white ${isMobile ? 'text-4xl md:text-5xl mx-4 px-2' : ''}`}>{text}</Heading> <Heading
className="lg:text-5xl md:text-4xl sm:text-3xl text-3xl text-center text-white break-normal"
>
{text}
</Heading>
</div> </div>
<div className="flex justify-start space-x-4"> <div className="flex justify-start space-x-4">
{isMobile && !hasInteracted ? ( {isMobile && !hasInteracted ? (
<VideoButton buttonVideoURL={buttonVideoURL} buttonOneText={buttonOneText} /> <VideoButton
buttonVideoURL={buttonVideoURL}
buttonOneText={buttonOneText}
/>
) : ( ) : (
<VideoButton buttonVideoURL={buttonVideoURL} buttonOneText={buttonOneText} /> <VideoButton
buttonVideoURL={buttonVideoURL}
buttonOneText={buttonOneText}
/>
)} )}
{buttonLink && ( {buttonLink && (
<Link <Link

2
components/layouts/SectionTwo.jsx
View File

@ -15,7 +15,7 @@ const SectionTwo = ({
</div> </div>
<div className="relative z-10 flex flex-col items-center justify-center h-full"> <div className="relative z-10 flex flex-col items-center justify-center h-full">
<div className="relative flex justify-center items-end w-full mb-20"> <div className="relative flex justify-center items-end w-full mb-20">
<h1 className="text-6xl font-normal text-white">{text}</h1> <h1 className="lg:text-5xl md:text-4xl sm:text-3xl text-3xl text-center text-white break-normal">{text}</h1>
</div> </div>
<div className="flex justify-start space-x-4"> <div className="flex justify-start space-x-4">
<Button <Button

8
tailwind.config.js
View File

@ -60,7 +60,13 @@ module.exports = {
"overflow-auto", "overflow-auto",
"overflow-hidden", "overflow-hidden",
"scrollbar-hidden", "scrollbar-hidden",
"text-xl",
"text-2xl",
"text-lg",
"md:",
"text-sm",
"sm:",
"text-3xl",
], ],
theme: { theme: {
extend: { extend: {