This commit is contained in:
Jesse Winton
2024-08-30 10:50:14 -04:00
parent eca8c42870
commit 0437b4da32
7 changed files with 27 additions and 30 deletions

View File

@@ -197,8 +197,8 @@
<main class="web-main-section" id="main"> <main class="web-main-section" id="main">
<article class="web-article"> <article class="web-article">
<header class="web-article-header"> <header class="web-article-header">
<div class="web-article-header-start u-flex-vertical web-u-cross-start"> <div class="web-article-header-start flex flex-col web-u-cross-start">
<div class="u-position-relative u-flex u-cross-center"> <div class="relative flex items-center">
<h1 class="web-title">Quick start</h1> <h1 class="web-title">Quick start</h1>
</div> </div>
</div> </div>
@@ -206,7 +206,7 @@
</header> </header>
<div class="web-article-content web-u-gap-80"> <div class="web-article-content web-u-gap-80">
{#each quickStarts as category} {#each quickStarts as category}
<section class="u-flex-vertical u-gap-24"> <section class="flex flex-col gap-6">
<h2 class="web-eyebrow">{category.title}</h2> <h2 class="web-eyebrow">{category.title}</h2>
<ul class="web-grid-row-4 web-grid-row-4-mobile-2"> <ul class="web-grid-row-4 web-grid-row-4-mobile-2">
{#each category.quickStarts as quickStart} {#each category.quickStarts as quickStart}
@@ -215,7 +215,7 @@
href={`/docs/quick-starts/${quickStart.href}`} href={`/docs/quick-starts/${quickStart.href}`}
class="web-card is-normal" class="web-card is-normal"
> >
<header class="u-flex u-cross-baseline u-gap-4"> <header class="flex items-baseline gap-1">
<span <span
class="{quickStart.icon} web-u-font-size-24" class="{quickStart.icon} web-u-font-size-24"
aria-hidden="true" aria-hidden="true"

View File

@@ -37,9 +37,9 @@
} }
</script> </script>
<div class="web-card is-normal u-padding-16"> <div class="web-card is-normal p-4">
<div class="u-flex-vertical u-gap-24"> <div class="flex flex-col gap-6">
<div class="u-flex-vertical u-gap-16"> <div class="flex flex-col gap-4">
{#if platformType === 'CLIENT'} {#if platformType === 'CLIENT'}
<p class="web-sub-body-400"> <p class="web-sub-body-400">
This endpoint is rate limited. You can only make a limited number of request to This endpoint is rate limited. You can only make a limited number of request to

View File

@@ -5,13 +5,13 @@
export let method: SDKMethod; export let method: SDKMethod;
</script> </script>
<div class="web-card is-transparent u-padding-16"> <div class="web-card is-transparent p-4">
<ul class="u-flex-vertical"> <ul class="flex flex-col">
{#each method.parameters as parameter, i} {#each method.parameters as parameter, i}
{@const first = i === 0} {@const first = i === 0}
<li class:u-padding-block-start-16={!first}> <li class:pt-4={!first}>
<article> <article>
<header class="u-flex u-cross-baseline u-gap-8"> <header class="flex items-baseline gap-2">
<span class="web-code web-u-color-text-primary"> <span class="web-code web-u-color-text-primary">
{parameter.name} {parameter.name}
</span> </span>
@@ -20,7 +20,7 @@
<div class="web-tag">required</div> <div class="web-tag">required</div>
{/if} {/if}
</header> </header>
<p class="web-sub-body-400 u-margin-block-start-16"> <p class="web-sub-body-400 mt-4">
<!-- eslint-disable-next-line svelte/no-at-html-tags --> <!-- eslint-disable-next-line svelte/no-at-html-tags -->
{@html parse(parameter.description)} {@html parse(parameter.description)}
</p> </p>

View File

@@ -5,20 +5,20 @@
export let method: SDKMethod; export let method: SDKMethod;
</script> </script>
<div class="web-card is-transparent u-padding-16"> <div class="web-card is-transparent p-4">
<ul> <ul>
{#each method.responses as response} {#each method.responses as response}
{#if response.models} {#if response.models}
<li> <li>
<article> <article>
<header class="u-flex u-cross-baseline u-gap-8"> <header class="flex items-baseline gap-2">
<span class="web-eyebrow web-u-color-text-primary"> <span class="web-eyebrow web-u-color-text-primary">
{response.code} {response.code}
</span> </span>
<span class="web-caption-400">application/json</span> <span class="web-caption-400">application/json</span>
</header> </header>
{#if response.models.length > 0} {#if response.models.length > 0}
<ul class="web-sub-body-400 u-margin-block-start-16"> <ul class="web-sub-body-400 mt-4">
{#each response.models as model} {#each response.models as model}
<li> <li>
<a <a

View File

@@ -162,7 +162,7 @@
<!-- eslint-disable-next-line svelte/no-at-html-tags --> <!-- eslint-disable-next-line svelte/no-at-html-tags -->
{@html parse(data.service?.description)} {@html parse(data.service?.description)}
</div> </div>
<div class="web-article-content-grid-6-4-column-2 flex flex-col gap-8 items-end"> <div class="web-article-content-grid-6-4-column-2 flex flex-col gap-8 j-end">
<Fence <Fence
language="text" language="text"
badge="Base URL" badge="Base URL"
@@ -211,7 +211,7 @@
</Accordion> </Accordion>
</div> </div>
<div class="web-article-content-grid-6-4-column-2 flex flex-col gap-8"> <div class="web-article-content-grid-6-4-column-2 flex flex-col gap-8">
<div class="u-contents theme-dark"> <div class="contentss theme-dark">
<div <div
class="sticky" class="sticky"
style="--inset-block-start:var(--p-grid-huge-navs-secondary-sticky-position);" style="--inset-block-start:var(--p-grid-huge-navs-secondary-sticky-position);"
@@ -267,11 +267,8 @@
</li> </li>
{/each} {/each}
</ul> </ul>
<div class="u-sep-block-start web-u-padding-block-20"> <div class="border-t border-greyscale-900/[0.04] web-u-padding-block-20">
<button <button class="web-link inline-flex items-center gap-2" use:scrollToTop>
class="web-link u-inline-flex u-cross-center u-gap-8"
use:scrollToTop
>
<span class="web-icon-arrow-up" aria-hidden="true" /> <span class="web-icon-arrow-up" aria-hidden="true" />
<span class="web-caption-400">Back to top</span> <span class="web-caption-400">Back to top</span>
</button> </button>

View File

@@ -59,8 +59,8 @@
<main class="web-main-section" id="main"> <main class="web-main-section" id="main">
<article class="web-article"> <article class="web-article">
<header class="web-article-header"> <header class="web-article-header">
<div class="web-article-header-start u-flex-vertical web-u-cross-start"> <div class="web-article-header-start flex flex-col web-u-cross-start">
<div class="u-position-relative u-flex u-cross-center"> <div class="relative flex items-center">
<h1 class="web-title">Tutorials</h1> <h1 class="web-title">Tutorials</h1>
</div> </div>
</div> </div>
@@ -68,7 +68,7 @@
</header> </header>
<div class="web-article-content web-u-gap-80"> <div class="web-article-content web-u-gap-80">
{#each data.tutorials as category} {#each data.tutorials as category}
<section class="u-flex-vertical u-gap-24"> <section class="flex flex-col gap-6">
<h2 class="web-eyebrow">{category.title}</h2> <h2 class="web-eyebrow">{category.title}</h2>
<ul class="web-grid-row-4 web-grid-row-4-mobile-2"> <ul class="web-grid-row-4 web-grid-row-4-mobile-2">
{#each category.tutorials as tutorial} {#each category.tutorials as tutorial}
@@ -80,7 +80,7 @@
aria-disabled="true" aria-disabled="true"
tabindex="-1" tabindex="-1"
> >
<header class="u-flex u-cross-baseline u-gap-4"> <header class="flex items-baseline gap-1">
<span <span
class="{getIcon(tutorial)} web-u-font-size-24" class="{getIcon(tutorial)} web-u-font-size-24"
aria-hidden="true" aria-hidden="true"
@@ -93,7 +93,7 @@
</a> </a>
{:else} {:else}
<a href={tutorial.href} class="web-card is-normal"> <a href={tutorial.href} class="web-card is-normal">
<header class="u-flex u-cross-baseline u-gap-4"> <header class="flex items-baseline gap-1">
<span <span
class="{getIcon(tutorial)} web-u-font-size-24" class="{getIcon(tutorial)} web-u-font-size-24"
aria-hidden="true" aria-hidden="true"
@@ -102,7 +102,7 @@
{tutorial.framework} {tutorial.framework}
</h3> </h3>
</header> </header>
<p class="web-sub-body-400 u-margin-block-start-4"> <p class="web-sub-body-400 mt-1">
{tutorial.title} {tutorial.title}
</p> </p>
</a> </a>

View File

@@ -254,7 +254,7 @@
</div> </div>
<ComparePlans /> <ComparePlans />
<div class="theme-dark relative overflow-hidden py-10"> <div class="theme-dark relative overflow-hidden pt-10">
<div class="web-big-padding-section-level-2 relative"> <div class="web-big-padding-section-level-2 relative">
<div class="container relative" style:z-index="10"> <div class="container relative" style:z-index="10">
<section class="web-grid-4-6"> <section class="web-grid-4-6">
@@ -265,7 +265,7 @@
</section> </section>
</div> </div>
</div> </div>
<div class="web-big-padding-section-level-2 relative"> <div class="web-big-padding-section-level-2 !mb-0 relative">
<div class="container"> <div class="container">
<PreFooter /> <PreFooter />
<FooterNav /> <FooterNav />