kudzues/component-party
1
0
Fork 0
mirror of https://github.com/lainbo/component-party.git synced 2026-04-05 13:09:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix anchor scrolling

Browse Source
This commit is contained in:
Mathieu Schimmerling
2022-04-11 14:07:30 +02:00
parent 463fa66925
commit b4634eb8b2
5 changed files with 7 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
README.md
View File

@@ -525,7 +525,6 @@ function nextLight() {
```
## Render
# Lifecycle
## On mount
### React

7
src/layouts/BaseLayout.astro
View File

@@ -1,7 +0,0 @@
---
import L from "./L.svelte"
---
<L>
<slot/>
</L>

12
src/layouts/L.svelte → src/layouts/BaseLayout.svelte
View File

@@ -10,7 +10,7 @@
<meta name="description" content="Web component JS frameworks overview by their syntax and features." />
</head>
<body class="bg-gray-900 text-white">
<header class="border-b border-gray-700 fixed w-full top-0 bg-gray-900">
<header class="border-b border-gray-700 bg-gray-900 fixed top-0 w-full">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center py-3">
<div>
@@ -31,14 +31,16 @@
</div>
</header>
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-8">
<div class="flex">
<aside class="py-8 fixed mt-10">
<aside class="fixed mt-10 hidden lg:block">
<nav class="font-semibold text-sm space-y-4">
{#each tree as treeNode}
<ul>
<li>
{treeNode.title}
<a href={`#${treeNode.id}`} class="inline-block py-1">
{treeNode.title}
</a>
<ul>
{#each treeNode.sections as section}
<li>
@@ -53,7 +55,7 @@
{/each}
</nav>
</aside>
<main class="prose prose-invert w-full mx-auto py-8 mt-10">
<main class="prose prose-invert prose-h1:scroll-mt-20 prose-h2:scroll-mt-20 w-full mx-auto pb-8 mt-10">
<slot />
</main>
</div>

1
src/pages/index.md
View File

@@ -497,7 +497,6 @@ function nextLight() {
```
## Render
# Lifecycle
## On mount
### React

4
src/tree.js
View File

@@ -44,10 +44,6 @@ export default [
{
"id": "conditional",
"title": "Conditional"
},
{
"id": "render",
"title": "Render"
}
]
},