Merge pull request #106 from appwrite/fix-last-minute-QA

Fix-last-minute-QA
appwrite · Sep 28, 2023 · db5c78e · db5c78e
2 parents aa515be + c1505c3
commit db5c78e
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 16 deletions.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -173,11 +173,11 @@
 			</div>
 			<div class="aw-big-padding-section-level-2">
 				<div class="aw-container">
-					<h3
+					<h2
 						class="aw-title aw-u-color-text-primary aw-u-text-align-center aw-u-max-width-600 u-margin-inline-auto"
 					>
 						Trusted by developers from the world's leading organizations
-					</h3>
+					</h2>
 					<ul class="aw-grid-3c-4c-6c is-for-logos aw-u-padding-block-start-80">
 						<li>
 							<img src="/images/logos/trusted-by/apple.svg" alt="Apple" width="42" height="48" />
@@ -450,14 +450,14 @@
 							class="u-flex u-flex-wrap u-gap-16 aw-u-margin-block-32-mobile aw-u-margin-block-40-not-mobile"
 						>
 							{#each platforms as platform}
-								<Tooltip>
-									<li>
+								<li>
+									<Tooltip>
 										<a href={platform.href} class="aw-box-icon">
 											<img src={platform.image} alt="{platform.name} Logo" width="32" height="32" />
 										</a>
-									</li>
-									<svelte:fragment slot="tooltip">{platform.name}</svelte:fragment>
-								</Tooltip>
+										<svelte:fragment slot="tooltip">{platform.name}</svelte:fragment>
+									</Tooltip>
+								</li>
 							{/each}
 						</ul>
 						<a href="/docs/sdks" class="aw-button is-secondary" style:align-self="start">

diff --git a/src/routes/docs/+page.svelte b/src/routes/docs/+page.svelte
@@ -268,7 +268,9 @@
 				Learn how to build like a team of hundreds
 			</h1>
 			<p class="aw-description u-max-width-600">
-				Appwrite is a backend development platform built by hundreds of open-source developers, where you can build any application at any scale using the coding languages and tools you want.
+				Appwrite is a backend development platform built by hundreds of open-source developers,
+				where you can build any application at any scale using the coding languages and tools you
+				want.
 			</p>
 		</section>
 		<section class="aw-hero is-align-start">
@@ -312,6 +314,7 @@
 								</header>
 								<p
 									class="aw-articles-item-paragraph aw-sub-body-500 u-trim-2 u-margin-block-start-4"
+									style="word-break: keep-all;"
 								>
 									Learn Appwrite Auth, Databases, and more with React.
 								</p>
@@ -338,9 +341,10 @@
 								</header>
 								<p
 									class="aw-articles-item-paragraph aw-sub-body-500 u-trim-2 u-margin-block-start-4"
+									style="word-break: keep-all;"
 								>
-								Learn Appwrite Auth, Databases, and more with SvelteKit.
-							</p>
+									Learn Appwrite Auth, Databases, and more with SvelteKit.
+								</p>
 							</article>
 						</a>
 					</li>
@@ -364,8 +368,9 @@
 								</header>
 								<p
 									class="aw-articles-item-paragraph aw-sub-body-500 u-trim-2 u-margin-block-start-4"
+									style="word-break: keep-all;"
 								>
-								Learn Appwrite Auth, Databases, and more with Vue.
+									Learn Appwrite Auth, Databases, and more with Vue.
 								</p>
 							</article>
 						</a>
@@ -390,9 +395,10 @@
 								</header>
 								<p
 									class="aw-articles-item-paragraph aw-sub-body-500 u-trim-2 u-margin-block-start-4"
+									style="word-break: keep-all;"
 								>
-								Coming soon...
-							</p>
+									Coming soon...
+								</p>
 							</article>
 						</a>
 					</li>
@@ -416,9 +422,10 @@
 								</header>
 								<p
 									class="aw-articles-item-paragraph aw-sub-body-500 u-trim-2 u-margin-block-start-4"
+									style="word-break: keep-all;"
 								>
-								Coming soon...
-							</p>
+									Coming soon...
+								</p>
 							</article>
 						</a>
 					</li>

diff --git a/src/scss/6-elements/_select.scss b/src/scss/6-elements/_select.scss
@@ -100,7 +100,7 @@
     --p-select-menu-box-shadow-color: var(--transparent);
   }
   @mixin dark-mode() {
-    --p-select-menu-bg-color: var(--aw-color-white) / 0.08;
+    --p-select-menu-bg-color: var(--aw-color-greyscale-800);
     --p-select-menu-border-color: var(--aw-color-white) / 0.10;
     --p-select-menu-box-shadow-color: var(--transparent);
   }