1
0
Fork 0
mirror of https://github.com/mat-1/matdoesdev.git synced 2025-08-02 06:36:04 +00:00

Fix header in projects page

This commit is contained in:
mat 2022-06-15 19:24:57 -05:00
parent c5f3bdac9f
commit 6c9985556c
2 changed files with 21 additions and 21 deletions

View file

@ -38,6 +38,7 @@
align-items: stretch;
overflow-x: hidden;
overflow-wrap: break-word;
position: relative;
}
main {

View file

@ -15,31 +15,30 @@
})
</script>
<div>
<div class="projects-header">
<nav>
<BackAnchor href="/" />
</nav>
<h1>Projects</h1>
<hr />
</div>
<div class="projects" bind:this={projectsEl}>
{#each projects as project, i}
<Project
name={project.name}
href={project.href}
source={project.source}
nextName={projects[i + 1]?.name}
>
{project.description}
</Project>
{/each}
</div>
<div class="projects-header">
<nav>
<BackAnchor href="/" />
</nav>
<h1>Projects</h1>
<hr />
</div>
<div class="projects" bind:this={projectsEl}>
{#each projects as project, i}
<Project
name={project.name}
href={project.href}
source={project.source}
nextName={projects[i + 1]?.name}
>
{project.description}
</Project>
{/each}
</div>
<style>
.projects-header {
height: 0;
position: absolute;
z-index: 10;
}
.projects {
position: relative;