Fix webkit issues on index page

Polyfrost · Jan 1, 2024 · be06dc2 · be06dc2
1 parent 2195d88
commit be06dc2
Showing 1 changed file with 1 addition and 13 deletions.
diff --git a/apps/website/src/pages/index.astro b/apps/website/src/pages/index.astro
@@ -29,7 +29,7 @@ import Layout from '@layouts/Layout.astro';
 		</div>
 		<div class="mx-auto max-w-3xl py-36 lg:py-48">
 			<div class="mt-4 mb-8 flex md:justify-center">
-				<div class="flex flex-row justify-center items-center font-medium relative rounded-full py-1 px-3 text-sm text-gray-600 hover:text-blue-500 ring-1 ring-gray-600 hover:ring-blue-600">
+				<div class="flex flex-row justify-center items-center font-medium relative rounded-full py-1 px-3 text-sm text-gray-600 hover:text-blue-500 border border-1 border-gray-600 hover:border-blue-600">
 					Introducing OneConfig
 					<Link href="/projects/oneconfig" class="transition-none">
 						<span class="absolute inset-0" aria-hidden="true"></span>
@@ -71,18 +71,6 @@ import Layout from '@layouts/Layout.astro';
 	<Section wFull maxWidth="1024px" class="mt-0 sm:-mt-52 max-sm:!px-0 !px-5 items-center justify-center">
 		<div class="flex flex-col justify-center items-center py-12 px-0 sm:py-12">
 			<div class="flex flex-wrap flex-col-reverse md:flex-row justify-center lg:justify-normal lg:flex-nowrap relative isolate overflow-hidden bg-blue-75 py-6 md:shadow sm:rounded-3xl px-6 gap-6 lg:gap-20 lg:px-8 lg:py-0 z-50 md:ring-gray-400/50 md:ring-1">
-				<svg
-					viewBox="0 0 1024 1024"
-					class="pointer-events-none absolute -z-10 h-[64rem] w-[64rem] [mask-image:radial-gradient(closest-side,white,transparent)] translate-x-64"
-					aria-hidden="true">
-					<circle cx={512} cy={512} r={512} fill="url(#759c1415-0410-454c-8f7c-9a820de03641)" fill-opacity="0.7" />
-					<defs>
-						<radial-gradient id="759c1415-0410-454c-8f7c-9a820de03641">
-							<stop stop-color="#7775D6" />
-							<stop offset={1} stop-color="#2463EB" />
-						</radial-gradient>
-					</defs>
-				</svg>
 				<div class="flex flex-col justify-center items-center lg:justify-start lg:items-start max-w-screen-md text-center lg:py-8 lg:text-left">
 					<div class="flex flex-col justify-center items-center">
 						<Icon icon="oneconfig" size={48} class="hidden md:block text-navy-peony mb-4"></Icon>