Update data section background colours for a better loading experience
This commit is contained in:
parent
b60923f929
commit
07df8157b3
|
@ -328,6 +328,7 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 0 var(--spacing-xl);
|
padding: 0 var(--spacing-xl);
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
|
background: var(--background);
|
||||||
}
|
}
|
||||||
.nav__views {
|
.nav__views {
|
||||||
flex: 0 1 auto;
|
flex: 0 1 auto;
|
||||||
|
|
|
@ -32,6 +32,6 @@
|
||||||
margin: -28px -40px -40px -40px;
|
margin: -28px -40px -40px -40px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background: var(--background);
|
background: var(--spectrum-global-color-gray-50);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -59,7 +59,6 @@
|
||||||
<div class="view-v1">
|
<div class="view-v1">
|
||||||
{#if view}
|
{#if view}
|
||||||
<Table
|
<Table
|
||||||
title={decodeURI(name)}
|
|
||||||
{schema}
|
{schema}
|
||||||
tableId={view.tableId}
|
tableId={view.tableId}
|
||||||
{data}
|
{data}
|
||||||
|
@ -82,7 +81,7 @@
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.view-v1 {
|
.view-v1 {
|
||||||
padding: var(--spacing-xl);
|
padding: 0 var(--spacing-xl);
|
||||||
}
|
}
|
||||||
i {
|
i {
|
||||||
font-size: var(--font-size-m);
|
font-size: var(--font-size-m);
|
||||||
|
|
|
@ -321,7 +321,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: var(--grid-background-alt);
|
background: var(--grid-background-alt);
|
||||||
opacity: 0.6;
|
opacity: 0.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Error */
|
/* Error */
|
||||||
|
|
Loading…
Reference in New Issue