fix footer and button

This commit is contained in:
ameer2468
2024-11-01 16:27:59 +03:00
parent 590e50e9d1
commit d072c6b79c
5 changed files with 14 additions and 16 deletions

View File

@@ -36,6 +36,7 @@
"react-dom": "^18.2.0",
"react-error-boundary": "^4.0.11",
"react-github-btn": "^1.4.0",
"react-parallax-tilt": "^1.7.250",
"reading-time": "^1.5.0",
"rehype-autolink-headings": "^6.1.1",
"rehype-external-links": "^2.1.0",

View File

@@ -55,11 +55,9 @@ export function CtaPrimaryButton({
href={href}
className={clsx(
props.className,
'noise with-rounded-2px-border-images inline-flex flex-row items-center justify-center gap-x-2 overflow-hidden rounded-xl py-2 pe-4 ps-3 transition-all hover:brightness-110',
'noise with-rounded-2px-border-images inline-flex flex-row items-center justify-center gap-x-2 overflow-hidden rounded-xl py-3 pe-4 ps-3 transition-all hover:brightness-110',
'bg-gradient-to-b from-[#42B2FD] to-[#0078F0] [--border-image:linear-gradient(to_bottom,hsl(200_100%_77%/100%),hsl(200_0%_100%/5%)75%)]',
{
'xl:max-w-56': shrinksOnSmallScreen,
'max-w-56': !shrinksOnSmallScreen,
'shadow-[0_0px_2.5rem_hsl(207_100%_65%/50%)]': glow === 'lg',
'shadow-[0_0.125rem_1.25rem_hsl(207_50%_65%/50%)]': glow === 'sm'
}
@@ -71,7 +69,7 @@ export function CtaPrimaryButton({
<stop stopColor="hsl(0 100% 100% / 70%)" offset="100%" />
</linearGradient>
</Icon>
<span className="text-center font-sans text-base font-semibold leading-normal text-white drop-shadow-md">
<span className="font-sans text-base font-semibold leading-normal text-center text-white drop-shadow-md">
{children}
</span>
</Link>

View File

@@ -13,7 +13,7 @@ export function GlobalFooter() {
return (
<div className="relative">
{/* Download Button */}
<div className="relative z-20 col-span-2 mt-20 flex translate-y-2 flex-col items-center justify-center">
<div className="relative z-20 flex flex-col items-center justify-center col-span-2 mt-20 translate-y-2">
<div className="relative translate-y-3.5">
<CtaPrimaryButton platform={currentPlatform} />
</div>
@@ -31,11 +31,10 @@ export function GlobalFooter() {
</div>
<div className="animation-delay-2 absolute-horizontal-center top-[-40px] h-[250px] w-[100px] rounded-full bg-gradient-to-b from-transparent to-[#328FDD]/30 blur-[70px] fade-in md:w-[550px]" />
<footer
className="relative z-10 overflow-hidden pt-12 text-gray-200"
className="relative z-10 pt-12 overflow-hidden text-gray-200 bg-center lg:bg-top"
style={{
backgroundImage: `url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 1920 420%22 fill%3D%22none%22%3E%3Cpath d%3D%22M0 49.5L-0.0924661 48.5043L-1 48.5886V49.5V419.998V420.998H0H1920H1921V419.998V49.5V48.5886L1920.09 48.5043L1920 49.5C1920.09 48.5043 1920.09 48.5041 1920.09 48.5037L1920.07 48.5021L1920 48.4957L1919.73 48.4704L1918.63 48.3702C1917.67 48.2817 1916.23 48.1506 1914.33 47.9795C1910.53 47.6373 1904.91 47.1354 1897.58 46.4967C1882.93 45.2193 1861.5 43.3945 1834.35 41.2048C1780.04 36.8253 1702.88 30.9861 1611.44 25.147C1428.55 13.4688 1188.53 1.78979 960 1.78968C731.47 1.78958 491.446 13.4685 308.561 25.1468C217.117 30.986 139.955 36.8252 85.654 41.2047C58.5032 43.3945 37.0674 45.2193 22.419 46.4967C15.0947 47.1354 9.46731 47.6373 5.67073 47.9795C3.77243 48.1506 2.33185 48.2817 1.36574 48.3702C0.882678 48.4144 0.518236 48.4479 0.274504 48.4704L-0.000299077 48.4957L-0.0693103 48.5021L-0.0866324 48.5037C-0.0905066 48.5041 -0.0924661 48.5043 0 49.5Z%22 fill%3D%22%23141419%22 stroke%3D%22url%28%23paint0_linear_1926_240%29%22 stroke-width%3D%222%22/%3E%3Cdefs%3E%3ClinearGradient id%3D%22paint0_linear_1926_240%22 x1%3D%220%22 y1%3D%22167.5%22 x2%3D%221920%22 y2%3D%22167.5%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop offset%3D%220.319255%22 stop-color%3D%22%231E1E26%22 stop-opacity%3D%220.4%22/%3E%3Cstop offset%3D%220.495%22 stop-color%3D%22%233692DF%22/%3E%3Cstop offset%3D%220.661993%22 stop-color%3D%22%231E1E26%22 stop-opacity%3D%220.5%22/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E')`,
backgroundSize: 'cover',
backgroundPosition: 'center'
backgroundSize: 'cover'
}}
>
<div className="container mx-auto grid h-fit w-full shrink-0 grid-cols-1 grid-rows-3 gap-x-8 gap-y-16 fill-[#141419] px-8 py-20 lg:grid-cols-6 lg:grid-rows-1 lg:gap-y-8">
@@ -121,14 +120,14 @@ export function GlobalFooter() {
Linux
</a>
</li>
<li className="w-fit cursor-not-allowed">
<li className="cursor-not-allowed w-fit">
<a className="pointer-events-none text-gray-450" href="#">
iOS
</a>
</li>
<li className="w-fit cursor-not-allowed">
<li className="cursor-not-allowed w-fit">
<a
className="pointer-events-none cursor-not-allowed text-gray-450"
className="cursor-not-allowed pointer-events-none text-gray-450"
href="#"
>
Android
@@ -159,17 +158,17 @@ export function GlobalFooter() {
Contribute
</a>
</li>
<li className="w-fit cursor-not-allowed">
<li className="cursor-not-allowed w-fit">
<a
className="pointer-events-none cursor-not-allowed text-gray-450"
className="cursor-not-allowed pointer-events-none text-gray-450"
href="#"
>
Extensions
</a>
</li>
<li className="w-fit cursor-not-allowed">
<li className="cursor-not-allowed w-fit">
<a
className="pointer-events-none cursor-not-allowed text-gray-450"
className="cursor-not-allowed pointer-events-none text-gray-450"
href="#"
>
Self Host

View File

@@ -557,7 +557,7 @@ name: string; identity: RemoteIdentity; p2p: NodeConfigP2P; features: BackendFea
export type NonCriticalError = { indexer: NonCriticalIndexerError } | { file_identifier: NonCriticalFileIdentifierError } | { media_processor: NonCriticalMediaProcessorError }
export type NonCriticalFileIdentifierError = { failed_to_extract_file_metadata: string } | { failed_to_extract_isolated_file_path_data: { file_path_pub_id: string; error: string } } | { file_path_without_is_dir_field: number }
export type NonCriticalFileIdentifierError = { failed_to_extract_file_metadata: string } | { failed_to_extract_metadata_from_on_demand_file: string } | { failed_to_extract_isolated_file_path_data: { file_path_pub_id: string; error: string } } | { file_path_without_is_dir_field: number }
export type NonCriticalIndexerError = { failed_directory_entry: string } | { metadata: string } | { indexer_rule: string } | { file_path_metadata: string } | { fetch_already_existing_file_path_ids: string } | { fetch_file_paths_to_remove: string } | { iso_file_path: string } | { dispatch_keep_walking: string } | { missing_file_path_data: string }

BIN
pnpm-lock.yaml generated
View File

Binary file not shown.