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

Use existing div

This commit is contained in:
Niek van der Maas 2023-03-21 20:02:43 +01:00
parent a31912650f
commit 3c60d2c40d
3 changed files with 16 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -10,7 +10,7 @@
</head> </head>
<body> <body>
<div id="app"></div> <div id="app" class="app"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>

32
src/App.svelte
View File

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

3
src/app.scss
View File

@ -7,8 +7,7 @@
} }
} }
.page_container { .app {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-grow: 1; flex-grow: 1;