Skip to content

Commit

Permalink
Update sizes on home page
Browse files Browse the repository at this point in the history
  • Loading branch information
@RodrigoEC
RodrigoEC committed Sep 10, 2024
1 parent aa1405f commit 1264d13
Show file tree
Hide file tree
Showing 4 changed files with 18 additions and 18 deletions.
4 changes: 2 additions & 2 deletions components/Home/Testimonials.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -143,7 +143,7 @@ export default function Testimonials({
<div class="flex flex-col items-center gap-4">
{title && (
<h2
class="font-albert-sans text-3xl lg:text-4xl font-medium text-white text-center"
class="font-albert-sans text-3xl lg:text-5xl font-medium text-white text-center"
dangerouslySetInnerHTML={{
__html: title,
}}
Expand All @@ -152,7 +152,7 @@ export default function Testimonials({
)}

{subtitle && (
<p class="font-albert-sans text-xl font-medium text-white text-center opacity-70">
<p class="font-albert-sans text-lg md:text-xl lg:text-2xl font-medium text-white text-center opacity-70">
{subtitle}
</p>
)}
Expand Down
22 changes: 11 additions & 11 deletions islands/Home/Header.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ function MobileMenuDropdown({ icon, nested, title }: ColumnMenu) {
/>
<div class="pb-[24px] flex items-center gap-2 text-white cursor-pointer hover:text-[#02F67C] transition duration-200 ease-in-out">
<Icon id={icon} size={25} />
<p class="font-bold text-[16px]">{title}</p>
<p class="font-bold text-[13px]">{title}</p>
<Icon
id={"ChevronDown"}
width={15}
Expand All @@ -71,7 +71,7 @@ function MobileMenuDropdown({ icon, nested, title }: ColumnMenu) {
<a
href={item.href}
target={item?.targetBlank ? "_blank" : "_self"}
class="block px-[24px] font-normal text-[16px] leading-[19.36px] text-white hover:text-[#02F67C] transition duration-200 ease-in-out"
class="block px-[24px] font-normal text-[13px] leading-[19.36px] text-white hover:text-[#02F67C] transition duration-200 ease-in-out"
>
{item.label}
</a>
Expand Down Expand Up @@ -99,7 +99,7 @@ function MobileMenuLink({ href, label, targetBlank, columns }: MenuLink) {
<a
href={item.href}
target={item?.targetBlank ? "_blank" : "_self"}
class="block pr-[24px] font-normal text-[16px] leading-[19.36px] text-white hover:text-[#02F67C] transition duration-200 ease-in-out"
class="block pr-[24px] font-normal text-[13px] leading-[19.36px] text-white hover:text-[#02F67C] transition duration-200 ease-in-out"
>
{item.label}
</a>
Expand All @@ -117,7 +117,7 @@ function MobileMenuLink({ href, label, targetBlank, columns }: MenuLink) {
<a
href={href}
target={targetBlank ? "_blank" : "_self"}
class="block pr-[24px] font-normal text-[16px] leading-[19.36px] text-white"
class="block pr-[24px] font-normal text-[13px] leading-[19.36px] text-white"
>
{label}
</a>
Expand Down Expand Up @@ -145,7 +145,7 @@ function MenuLink({ href, label, targetBlank, columns, ...props }: MenuLink) {
<a
target={targetBlank ? "_blank" : "_self"}
href={href}
class="flex items-center h-full self-center font-normal text-[16px] bg-clip-text bg-linear-white-green bg-position-100 justify-center"
class="flex items-center h-full self-center font-normal text-[13px] bg-clip-text bg-linear-white-green bg-position-100 justify-center"
style="background-size: 200%;"
>
{label}
Expand Down Expand Up @@ -247,7 +247,7 @@ export default function Header({ menuLinks, ...props }: Props) {
<a
id="bt-click-signup"
href={props.demo?.url}
class="flex items-center hover:shadow-[0_0_40px_0_rgba(2,246,124,0.3)] md:w-auto transition-all duration-300 ease-out border-[#02F67C] border-2 text-base text-[#0A2121] bg-[#02F67C] md:hover:bg-[#2FD180] font-medium text-[16px] max-h-[37px] px-4 py-2 rounded-lg md:transition md:ease-in-out md:duration-300"
class="flex items-center hover:shadow-[0_0_40px_0_rgba(2,246,124,0.3)] md:w-auto transition-all duration-300 ease-out border-[#02F67C] border-2 text-base text-[#0A2121] bg-[#02F67C] md:hover:bg-[#2FD180] font-medium text-[13px] max-h-[37px] px-4 py-2 rounded-lg md:transition md:ease-in-out md:duration-300"
>
{props.demo?.label}
</a>
Expand Down Expand Up @@ -314,7 +314,7 @@ export default function Header({ menuLinks, ...props }: Props) {
<a
href={props.sign.url}
id="bt-click-signup"
class="flex items-center text-[#b6b6b6] md:hover:text-[#fff] font-medium text-[16px] px-4 py-2 transition ease-in-out duration-300"
class="flex items-center text-[#b6b6b6] md:hover:text-[#fff] font-medium text-[13px] px-4 py-2 transition ease-in-out duration-300"
>
{props.sign.label}
</a>
Expand All @@ -323,7 +323,7 @@ export default function Header({ menuLinks, ...props }: Props) {
<a
target={"_blank"}
href={props.gitUrl}
class="flex items-center gap-2 opacity-80 text-white hover:text-[#02F67C] text-[16px] transition ease-in duration-200 justify-center"
class="flex items-center gap-2 opacity-80 text-white hover:text-[#02F67C] text-[13px] transition ease-in duration-200 justify-center"
style="background-size: 200%;"
>
<svg
Expand Down Expand Up @@ -354,7 +354,7 @@ export default function Header({ menuLinks, ...props }: Props) {
/* <li>
<a
href={props.login.url}
class="flex gap-2 items-center text-[#02F67C] bg-[#113032] md:hover:text-[#fff] border-[#113032] border hover:bg-transparent font-medium text-[16px] max-h-[37px] px-4 py-2 rounded-full md:transition md:ease-in-out md:duration-300"
class="flex gap-2 items-center text-[#02F67C] bg-[#113032] md:hover:text-[#fff] border-[#113032] border hover:bg-transparent font-medium text-[13px] max-h-[37px] px-4 py-2 rounded-full md:transition md:ease-in-out md:duration-300"
>
{props.login.label}
<svg
Expand Down Expand Up @@ -382,7 +382,7 @@ export default function Header({ menuLinks, ...props }: Props) {
<a
href={props.sign.url}
id="bt-click-signup"
class="flex items-center text-[#b6b6b6] md:hover:text-[#fff] font-medium text-[16px] px-4 py-2 transition ease-in-out duration-300"
class="flex items-center text-[#b6b6b6] md:hover:text-[#fff] font-medium text-[13px] px-4 py-2 transition ease-in-out duration-300"
>
{props.sign.label}
</a>
Expand All @@ -391,7 +391,7 @@ export default function Header({ menuLinks, ...props }: Props) {
<a
href={props.demo?.url}
id="bt-click-signup"
class="flex items-center hover:shadow-[0_0_40px_0_rgba(2,246,124,0.3)] md:w-auto transition-all duration-300 ease-out border-[#02F67C] border-2 text-base text-[#0A2121] bg-[#02F67C] md:hover:bg-[#2FD180] font-medium text-[16px] max-h-[37px] px-4 py-2 rounded-lg md:transition md:ease-in-out md:duration-300"
class="flex items-center hover:shadow-[0_0_40px_0_rgba(2,246,124,0.3)] md:w-auto transition-all duration-300 ease-out border-[#02F67C] border-2 text-base text-[#0A2121] bg-[#02F67C] md:hover:bg-[#2FD180] font-medium text-[13px] max-h-[37px] px-4 py-2 rounded-lg md:transition md:ease-in-out md:duration-300"
>
{props.demo?.label}
</a>
Expand Down
4 changes: 2 additions & 2 deletions islands/NRF/ShowcaseEditorTabbed.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -195,7 +195,7 @@ export const ShowcaseEditorTabbed = ({
tabs.map((tab, index) => (
<div
key={index}
class={`flex justify-center items-center w-[1000px] ${
class={`flex justify-center items-center w-[900px] ${
index !== selectedTab.value ? "hidden" : ""
}`}
>
Expand All @@ -205,7 +205,7 @@ export const ShowcaseEditorTabbed = ({
width={600}
height={400}
preload={index === 0 ? true : false}
class="w-[1000px]"
class="w-[900px]"
/>
</div>
))}
Expand Down
6 changes: 3 additions & 3 deletions sections/Home/Results.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ export default function Results({
],
}: Props) {
return (
<div class="lg:mx-auto lg:max-w-[1440px] relative z-10 p-6 md:p-10 flex flex-col gap-12 justify-center items-center bg-[#070D0D] border-[#0B1612] rounded-lg">
<div class="lg:mx-auto lg:max-w-[1440px] relative z-10 p-6 md:p-10 flex flex-col gap-16 lg:gap-20 justify-center items-center bg-[#070D0D] border-[#0B1612] rounded-lg">
{title &&
(
<h2
Expand All @@ -61,15 +61,15 @@ export default function Results({
{results.map((result) => (
<div class="flex flex-col gap-4 flex-1 mb-4 lg:mb-0">
<h3
class="font-albert-sans text-[80px] text-left font-medium text-white leading-none"
class="font-albert-sans text-[72px] text-left font-medium text-white leading-none"
dangerouslySetInnerHTML={{
__html: result.title,
}}
>
</h3>
<hr class="border-[#C9CFCF]" />
<div
class="font-albert-sans text-sm lg:text-base text-left text-white"
class="font-albert-sans text-[20px] text-left text-white"
dangerouslySetInnerHTML={{
__html: result.description,
}}
Expand Down

0 comments on commit 1264d13

Please sign in to comment.