From 980b3259890d5ee96dd4d70da975dba5021d1dba Mon Sep 17 00:00:00 2001 From: Puru Vijay <47742487+PuruVJ@users.noreply.github.com> Date: Thu, 22 Jun 2023 18:27:40 +0530 Subject: [PATCH] fix: Apps styles (#8797) * Push * Remove reference to $types --- .../src/routes/(authed)/apps/+page.server.js | 1 - sites/svelte.dev/src/routes/(authed)/apps/+page.svelte | 10 ++++------ .../src/routes/(authed)/repl/[id].json/+server.js | 1 - .../src/routes/(authed)/repl/[id]/UserMenu.svelte | 4 ++-- sites/svelte.dev/src/routes/content.json/+server.js | 1 - sites/svelte.dev/src/routes/examples/+page.js | 1 - sites/svelte.dev/src/routes/search/+page.server.js | 1 - sites/svelte.dev/src/routes/search/+page.svelte | 1 - 8 files changed, 6 insertions(+), 14 deletions(-) diff --git a/sites/svelte.dev/src/routes/(authed)/apps/+page.server.js b/sites/svelte.dev/src/routes/(authed)/apps/+page.server.js index fd5e84c2cc26..ffe4739a333c 100644 --- a/sites/svelte.dev/src/routes/(authed)/apps/+page.server.js +++ b/sites/svelte.dev/src/routes/(authed)/apps/+page.server.js @@ -1,6 +1,5 @@ import * as gist from '$lib/db/gist'; -/** @type {import('./$types').PageServerLoad} */ export async function load({ url, parent }) { let gists = []; let next = null; diff --git a/sites/svelte.dev/src/routes/(authed)/apps/+page.svelte b/sites/svelte.dev/src/routes/(authed)/apps/+page.svelte index 7c489570e6fd..64a6c1d6a1ef 100644 --- a/sites/svelte.dev/src/routes/(authed)/apps/+page.svelte +++ b/sites/svelte.dev/src/routes/(authed)/apps/+page.svelte @@ -4,7 +4,6 @@ import { ago } from '$lib/time'; import { goto, invalidateAll } from '$app/navigation'; - /** @type {import('./$types').PageData} */ export let data; const { login, logout } = getContext('app'); @@ -176,7 +175,6 @@ .controls { position: sticky; - background: white; top: 1rem; display: flex; align-items: center; @@ -186,7 +184,7 @@ font-size: 1.6rem; z-index: 2; justify-content: space-between; - outline: 1rem solid white; + outline: 1rem solid var(--sk-back-1); } .controls::after { @@ -195,7 +193,7 @@ width: 100%; bottom: -2rem; height: 2rem; - background: linear-gradient(to bottom, white 0%, white 50%, transparent); + background: linear-gradient(to bottom, var(--sk-back-1) 0%, var(--sk-back-1) 50%, transparent); } .controls form { @@ -216,7 +214,7 @@ padding: 0.5rem 1rem; line-height: 1; display: flex; - border: 1px solid #eee; + border: 1px solid var(--sk-back-5); border-radius: var(--sk-border-radius); z-index: 2; } @@ -266,7 +264,7 @@ li span { font-size: 12px; - color: rgba(0, 0, 0, 0.6); + color: var(--sk-text-3); } li label { diff --git a/sites/svelte.dev/src/routes/(authed)/repl/[id].json/+server.js b/sites/svelte.dev/src/routes/(authed)/repl/[id].json/+server.js index 59d5df7425f6..f2e632f1ad20 100644 --- a/sites/svelte.dev/src/routes/(authed)/repl/[id].json/+server.js +++ b/sites/svelte.dev/src/routes/(authed)/repl/[id].json/+server.js @@ -94,7 +94,6 @@ export async function GET({ params }) { }); } -/** @type {import('./$types.js').EntryGenerator} */ export async function entries() { return get_examples_list(examples_data) .map(({ examples }) => examples) diff --git a/sites/svelte.dev/src/routes/(authed)/repl/[id]/UserMenu.svelte b/sites/svelte.dev/src/routes/(authed)/repl/[id]/UserMenu.svelte index 96124ead4f9e..74d9ab509af4 100644 --- a/sites/svelte.dev/src/routes/(authed)/repl/[id]/UserMenu.svelte +++ b/sites/svelte.dev/src/routes/(authed)/repl/[id]/UserMenu.svelte @@ -72,7 +72,7 @@ min-width: 10em; top: 3rem; right: -1.6rem; - background-color: var(--sk-theme-2); + background-color: var(--sk-back-2); padding: 0.8rem 1.6rem; z-index: 99; text-align: left; @@ -91,7 +91,7 @@ text-decoration: none; text-align: left; border: none; - color: inherit; + color: var(--sk-text-2); } .menu button:hover, diff --git a/sites/svelte.dev/src/routes/content.json/+server.js b/sites/svelte.dev/src/routes/content.json/+server.js index 8ca8b5cf8c5a..223891ad0c25 100644 --- a/sites/svelte.dev/src/routes/content.json/+server.js +++ b/sites/svelte.dev/src/routes/content.json/+server.js @@ -3,7 +3,6 @@ import { json } from '@sveltejs/kit'; export const prerender = true; -/** @type {import('./$types').RequestHandler} */ export function GET() { return json({ blocks: content() diff --git a/sites/svelte.dev/src/routes/examples/+page.js b/sites/svelte.dev/src/routes/examples/+page.js index 6c39a1de348e..5a11dff7393d 100644 --- a/sites/svelte.dev/src/routes/examples/+page.js +++ b/sites/svelte.dev/src/routes/examples/+page.js @@ -2,7 +2,6 @@ import { redirect } from '@sveltejs/kit'; export const prerender = true; -/** @type {import('./$types').PageLoad} */ export function load() { throw redirect(301, 'examples/hello-world'); } diff --git a/sites/svelte.dev/src/routes/search/+page.server.js b/sites/svelte.dev/src/routes/search/+page.server.js index c7cd83244f20..10451707bfed 100644 --- a/sites/svelte.dev/src/routes/search/+page.server.js +++ b/sites/svelte.dev/src/routes/search/+page.server.js @@ -1,6 +1,5 @@ import { init, inited, search } from '@sveltejs/site-kit/search'; -/** @type {import('./$types').PageServerLoad} */ export async function load({ url, fetch }) { if (!inited) { const res = await fetch('/content.json'); diff --git a/sites/svelte.dev/src/routes/search/+page.svelte b/sites/svelte.dev/src/routes/search/+page.svelte index 26e3fc82b7a4..da97a118064f 100644 --- a/sites/svelte.dev/src/routes/search/+page.svelte +++ b/sites/svelte.dev/src/routes/search/+page.svelte @@ -1,7 +1,6 @@