Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Elad style fixes 1 #261

Merged
merged 17 commits into from
Oct 24, 2023
2 changes: 1 addition & 1 deletion src/lib/components/PreFooter.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@
<div class="aw-strip-plans-plan">
<h4 class="title aw-description">Pro</h4>
<div class="aw-title aw-u-color-text-primary">$15</div>
<div class="info aw-caption-500">per org member/month</div>
<div class="info aw-caption-500">per user/month</div>
</div>
<p class="aw-strip-plans-info aw-caption-500">
For pro developers and teams that need to scale their products.
Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/Select.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -105,7 +105,7 @@
{#each groups as group}
{@const isDefault = group.label === DEFAULT_GROUP}
{#if isDefault}
<div class="u-flex u-flex-vertical">
<div class="u-flex u-flex-vertical u-gap-2">
{#each group.options as option}
<button class="aw-select-option" use:melt={$optionEl(option)}>
{#if option.icon}
Expand Down
174 changes: 87 additions & 87 deletions src/lib/layouts/Docs.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,7 @@
import { isMac } from '$lib/utils/platform';

export let variant: DocsLayoutVariant = 'default';
export let isReferences = false;

const variantClasses: Record<DocsLayoutVariant, string> = {
default: 'aw-grid-side-nav aw-container u-padding-inline-0',
Expand All @@ -60,13 +61,40 @@
</script>

<div class="u-position-relative">
<div
class={variantClass}
class:is-open={$layoutState.showSidenav}
style:--container-size={variant === 'default' ? 'var(--container-size-large)' : undefined}
<section class="aw-mobile-header is-transparent">
<div class="aw-mobile-header-start">
<a href="/" aria-label="homepage">
<img
class="aw-logo u-only-dark"
src="/images/logos/appwrite.svg"
alt="appwrite"
height="24"
width="130"
/>
<img
class="aw-logo u-only-light"
src="/images/logos/appwrite-light.svg"
alt="appwrite"
height="24"
width="130"
/>
</a>
</div>
<div class="aw-mobile-header-end">
<a href="https://cloud.appwrite.io/console" class="aw-button">
<span class="aw-sub-body-500">Go to console</span>
</a>
<button on:click={toggleSidenav} class="aw-button is-text" aria-label="open navigation">
<span class="aw-icon-hamburger-menu" />
</button>
</div>
</section>
<header
class="aw-main-header {isReferences ? 'is-reference' : 'is-docs'}"
class:is-transparent={variant !== 'expanded'}
>
<section class="aw-mobile-header is-transparent">
<div class="aw-mobile-header-start">
<div class="aw-main-header-wrapper">
<div class="aw-main-header-start u-stretch">
<a href="/" aria-label="homepage">
<img
class="aw-logo u-only-dark"
Expand All @@ -83,91 +111,63 @@
width="130"
/>
</a>
</div>
<div class="aw-mobile-header-end">
<a href="https://cloud.appwrite.io/console" class="aw-button">
<span class="aw-sub-body-500">Go to console</span>
</a>
<button
on:click={toggleSidenav}
class="aw-button is-text"
aria-label="open navigation"
>
<span class="aw-icon-hamburger-menu" />
</button>
</div>
</section>
<header class="aw-main-header is-docs" class:is-transparent={variant !== 'expanded'}>
<div class="aw-main-header-wrapper">
<div class="aw-main-header-start u-stretch">
<a href="/" aria-label="homepage">
<img
class="aw-logo u-only-dark"
src="/images/logos/appwrite.svg"
alt="appwrite"
height="24"
width="130"
/>
<img
class="aw-logo u-only-light"
src="/images/logos/appwrite-light.svg"
alt="appwrite"
height="24"
width="130"
/>
</a>
<nav class="aw-main-header-nav">
<ul class="aw-main-header-nav-list">
<li class="aw-main-header-nav-item">
<a class="aw-link" href="/docs">Docs</a>
</li>
</ul>
</nav>
<div class="u-flex u-stretch aw-u-margin-inline-start-48">
<button
class="aw-input-button aw-u-flex-basis-400"
on:click={() => ($layoutState.showSearch = true)}
>
<span class="aw-icon-search" aria-hidden="true" />
<span class="text">Search in docs</span>
<nav class="aw-main-header-nav">
<ul class="aw-main-header-nav-list">
<li class="aw-main-header-nav-item">
<a class="aw-link" href="/docs">Docs</a>
</li>
</ul>
</nav>
<div class="u-flex u-stretch aw-u-margin-inline-start-48">
<button
class="aw-input-button aw-u-flex-basis-400"
on:click={() => ($layoutState.showSearch = true)}
>
<span class="aw-icon-search" aria-hidden="true" />
<span class="text">Search in docs</span>

<div class="u-flex u-gap-4 u-margin-inline-start-auto">
{#if isMac()}
<span class="aw-kbd" aria-label="command">⌘</span>
{:else}
<span class="aw-kbd" aria-label="control">Ctrl</span>
{/if}
<span class="aw-kbd">K</span>
</div>
</button>
</div>
<div class="u-flex u-gap-4 u-margin-inline-start-auto">
{#if isMac()}
<span class="aw-kbd" aria-label="command">⌘</span>
{:else}
<span class="aw-kbd" aria-label="control">Ctrl</span>
{/if}
<span class="aw-kbd">K</span>
</div>
</button>
</div>
<div class="aw-main-header-end">
<div class="u-flex u-gap-8">
<a
href="https://github.com/appwrite/appwrite/stargazers"
target="_blank"
rel="noopener noreferrer"
class="aw-button is-text"
>
<span class="aw-icon-star" aria-hidden="true" />
<span class="text">Star on GitHub</span>
<span class="aw-inline-tag aw-sub-body-400">36.8K</span>
</a>
<a href="https://cloud.appwrite.io/console" class="aw-button">
<span class="aw-sub-body-500">Go to console</span>
</a>
<button
on:click={toggleSidenav}
class="aw-button is-text aw-is-not-desktop"
aria-label="open navigation"
>
<span class="aw-icon-hamburger-menu" />
</button>
</div>
</div>
<div class="aw-main-header-end">
<div class="u-flex u-gap-8">
<a
href="https://github.com/appwrite/appwrite/stargazers"
target="_blank"
rel="noopener noreferrer"
class="aw-button is-text"
>
<span class="aw-icon-star" aria-hidden="true" />
<span class="text">Star on GitHub</span>
<span class="aw-inline-tag aw-sub-body-400">36.8K</span>
</a>
<a href="https://cloud.appwrite.io/console" class="aw-button">
<span class="aw-sub-body-500">Go to console</span>
</a>
<button
on:click={toggleSidenav}
class="aw-button is-text aw-is-not-desktop"
aria-label="open navigation"
>
<span class="aw-icon-hamburger-menu" />
</button>
</div>
</div>
</header>
</div>
</header>
<div
class={variantClass}
class:is-open={$layoutState.showSidenav}
style:--container-size={variant === 'default' ? 'var(--container-size-large)' : undefined}
>
<slot />
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/lib/layouts/Main.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -163,7 +163,7 @@
</div>
</section>
<header
class="aw-main-header theme-{resolvedTheme}"
class="aw-main-header is-special-padding theme-{resolvedTheme}"
class:is-transparent={browser}
class:is-hidden={$isHeaderHidden}
>
Expand Down
Loading