morgan
/
chatgpt-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make the footer be in the bottom of the page always, even if there is not enough content to push it down.

This commit is contained in:
Emil Elgaard 2023-03-21 13:22:04 -04:00
parent 7924dd8bca
commit a31912650f
2 changed files with 30 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/App.svelte
View File

@ -18,21 +18,25 @@
} }
</script> </script>
<Navbar /> <div class="page_container">
<section class="section"> <Navbar />
<div class="container is-fullhd">
<div class="columns"> <section class="section">
<div class="column is-one-fifth"> <div class="container is-fullhd">
<Sidebar bind:apiKey bind:sortedChats /> <div class="columns">
</div> <div class="column is-one-fifth">
<div class="column is-four-fifths"> <Sidebar bind:apiKey bind:sortedChats />
{#key $location} </div>
<Router {routes} /> <div class="column is-four-fifths">
{/key} {#key $location}
<Router {routes} />
{/key}
</div>
</div> </div>
</div> </div>
</div> </section>
</section>
<Footer /> <Footer />
</div>

12
src/app.scss
View File

@ -7,6 +7,18 @@
} }
} }
.page_container {
display: flex;
flex-direction: column;
flex-grow: 1;
min-height: 100vh;
section.section{
flex-grow: 1;
}
}
.rotate { .rotate {
animation: rotating 10s linear infinite; animation: rotating 10s linear infinite;
} }