docs: adding docs for 3.0.0

src/lib/components/manage/monitorsAdd.svelte

@@ -293,7 +293,7 @@
 
 {#if shareMenusToggle}
 	<div
-		class="moldal-container fixed left-0 top-0 z-30 h-screen w-full bg-card bg-opacity-30 backdrop-blur-sm"
+		class="moldal-container fixed left-0 top-0 z-50 h-screen w-full bg-card bg-opacity-30 backdrop-blur-sm"
 	>
 		<div
 			class="absolute left-1/2 top-1/2 h-fit w-full max-w-2xl -translate-x-1/2 -translate-y-1/2 rounded-md border bg-background shadow-lg backdrop-blur-lg"
@@ -357,7 +357,7 @@
 						<div class="col-span-1">
 							<div class="col-span-1">
 								<Label for="{key}successThreshold">
-									Failure Threshold
+									Success Threshold
 									<span class="text-red-500">*</span>
 								</Label>
 								<Input
@@ -415,14 +415,15 @@
 								type="text"
 							/>
 						</div>
+						<p class="col-span-4 mt-2 text-sm font-medium">Choose Triggers</p>
 						{#each triggers as trigger}
 							<div
-								class="col-span-1 mt-2 overflow-hidden overflow-ellipsis whitespace-nowrap"
+								class="col-span-1 overflow-hidden overflow-ellipsis whitespace-nowrap"
 							>
 								<label class="cursor-pointer">
 									<input
 										type="checkbox"
-										class=""
+										class="text-sm"
 										checked={data.triggers.indexOf(trigger.id) > -1}
 										on:change={() => {
 											data.triggers = data.triggers.includes(trigger.id)

src/lib/components/manage/seoInfo.svelte

@@ -97,7 +97,9 @@
 <Card.Root class="mt-4">
 	<Card.Header class="border-b">
 		<Card.Title>Analytics</Card.Title>
-		<Card.Description>Deploy your new project in one-click.</Card.Description>
+		<Card.Description>
+			Add your analytics ID/Key here. You can add multiple analytics providers.
+		</Card.Description>
 	</Card.Header>
 	<Card.Content>
 		<form class="mx-auto mt-4 space-y-4" on:submit|preventDefault={formSubmitAnalytics}>
@@ -144,7 +146,9 @@
 <Card.Root class="mt-4">
 	<Card.Header class="border-b">
 		<Card.Title>Search Engine Optimization</Card.Title>
-		<Card.Description>Deploy your new project in one-click.</Card.Description>
+		<Card.Description>
+			Add your meta tags here. You can add multiple meta tags.
+		</Card.Description>
 	</Card.Header>
 	<Card.Content>
 		<form class="mx-auto mt-4 space-y-4" use:autoAnimate on:submit|preventDefault={formSubmit}>

src/lib/components/nav.svelte

@@ -10,8 +10,8 @@
 
 <div class="{defaultPattern}-pattern"></div>
 
-<header class="blurry-bg sticky top-0 z-50 mx-auto mt-2">
-	<div class="container flex h-14 max-w-[820px] items-center rounded-md border bg-card px-3">
+<header class="blurry-bg sticky top-0 z-50 mx-auto md:mt-2">
+	<div class="container flex h-14 max-w-[820px] items-center border bg-card px-3 md:rounded-md">
 		<a href={data.site.home ? data.site.home : base} class="mr-6 flex items-center space-x-2">
 			{#if data.site.logo}
 				<img

src/manage.css

@@ -36,3 +36,7 @@ input[type="file"] {
 .image-upload .has-bg:hover .invisible {
 	visibility: visible !important;
 }
+
+[aria-label="color picker"] input {
+	color: rgba(0, 0, 0, 0.5) !important;
+}