Remove old styles
This commit is contained in:
parent
d6fb920b18
commit
85e6287ede
3 changed files with 14 additions and 3 deletions
|
@ -12,7 +12,6 @@
|
||||||
let component = InfoTab;
|
let component = InfoTab;
|
||||||
onMount(() => {
|
onMount(() => {
|
||||||
const gbcr = ref.getBoundingClientRect();
|
const gbcr = ref.getBoundingClientRect();
|
||||||
console.log(gbcr);
|
|
||||||
ref.style.height = `${gbcr.height}px`;
|
ref.style.height = `${gbcr.height}px`;
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
@ -1,10 +1,22 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import Path from '$lib/components/Path.svelte';
|
import Path from '$lib/components/Path.svelte';
|
||||||
import Splash from '$lib/components/Splash.svelte';
|
import Splash from '$lib/components/Splash.svelte';
|
||||||
|
import { onNavigate } from '$app/navigation';
|
||||||
|
|
||||||
export let data;
|
export let data;
|
||||||
let categories = data.categories;
|
let categories = data.categories;
|
||||||
|
|
||||||
|
onNavigate((navigation) => {
|
||||||
|
if (!document.startViewTransition) return;
|
||||||
|
|
||||||
|
return new Promise((resolve) => {
|
||||||
|
document.startViewTransition(async () => {
|
||||||
|
resolve();
|
||||||
|
await navigation.complete;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<Splash />
|
<Splash />
|
||||||
|
@ -32,6 +44,7 @@
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
}
|
}
|
||||||
#welcome-message {
|
#welcome-message {
|
||||||
|
padding-top: 20px;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
display: grid;
|
display: grid;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
@ -32,7 +32,6 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 15px;
|
gap: 15px;
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
margin-top: 70px;
|
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in a new issue