From 4e75739b1d13a7a7a475c7e9c1dedd99f73a9f9f Mon Sep 17 00:00:00 2001 From: Sage Vaillancourt Date: Tue, 6 Sep 2022 11:14:46 -0400 Subject: [PATCH] Darker headings. Display JSON example when in IDLE queryState. --- src/app.css | 2 +- src/routes/+page.svelte | 16 +++++----------- 2 files changed, 6 insertions(+), 12 deletions(-) diff --git a/src/app.css b/src/app.css index c72999d..2c3308d 100644 --- a/src/app.css +++ b/src/app.css @@ -11,7 +11,7 @@ --tertiary-color: #edf0f8; --accent-color: #de09fa; /*--accent-color: #ff0df8;*/ - --heading-color: rgba(0, 0, 0, 0.8); + --heading-color: rgba(0, 0, 0, 0.9); --text-color: #444444; --background-without-opacity: rgba(255, 255, 255, 0.7); --column-width: 42rem; diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 862facf..83cd349 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -231,14 +231,15 @@ - {#if $state.items?.length > 0} + {#if $state.queryState !== queryState.IDLE}
item.value)} depth={jsonDisplay.expandAll ? Infinity : 1}/>
{:else } -
-

No query data

+
+
{/if}
@@ -391,13 +392,6 @@ */ .no-query-data { - display: flex; - align-items: center; - justify-content: center; - } - - .no-query-data h2 { - font-size: 32px; - color: rgba(0, 0, 0, 0.3); + opacity: 65%; }