Compare commits
1 Commits
main
...
revert-107
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
f70b91c2cb |
@ -8,8 +8,6 @@
|
||||
import { fly } from "svelte/transition";
|
||||
export let data: PageData;
|
||||
|
||||
export let isSidebarOpen: boolean = true;
|
||||
|
||||
let models;
|
||||
let modelAvailable: boolean;
|
||||
const isLoading = false;
|
||||
@ -20,10 +18,6 @@
|
||||
let dataCht: Response | any = null;
|
||||
const unsubscribe = newChat.subscribe((value) => (dataCht = value));
|
||||
|
||||
function toggleSidebar(): void {
|
||||
isSidebarOpen = !isSidebarOpen;
|
||||
}
|
||||
|
||||
onMount(() => {
|
||||
theme = localStorage.getItem("data-theme") || "dark";
|
||||
document.documentElement.setAttribute("data-theme", theme);
|
||||
@ -116,25 +110,9 @@
|
||||
});
|
||||
</script>
|
||||
|
||||
<button on:click={toggleSidebar} class="btn btn-square z-10 fixed">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
class="inline-block w-5 h-5 stroke-current"
|
||||
><path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
stroke-width="2"
|
||||
d="M4 6h16M4 12h16M4 18h16"
|
||||
></path></svg
|
||||
>
|
||||
</button>
|
||||
<aside
|
||||
id="default-sidebar"
|
||||
class="border-base-content/[.2] fixed left-0 top-0 z-40 h-screen -translate-x-full border-r transition-transform overflow-hidden translate-x-0 aria-label=Sidebar"
|
||||
class:w-75={isSidebarOpen}
|
||||
class:w-0={!isSidebarOpen}
|
||||
class="border-base-content/[.2] fixed left-0 top-0 z-40 h-screen w-80 -translate-x-full border-r transition-transform overflow-hidden translate-x-0 aria-label=Sidebar"
|
||||
>
|
||||
<div
|
||||
class="bg-base-200 relative h-screen py-1 px-2 overflow-hidden flex flex-col items-center justify-between"
|
||||
@ -172,19 +150,6 @@
|
||||
</svg>
|
||||
<span>New Chat</span>
|
||||
</button>
|
||||
<button
|
||||
id="toggle-sidebar-btn"
|
||||
tabindex="0"
|
||||
on:click={toggleSidebar}
|
||||
on:keydown={(event) => {
|
||||
if (event.key === "Escape") {
|
||||
toggleSidebar();
|
||||
}
|
||||
}}
|
||||
aria-label="Close Sidebar"
|
||||
class="btn btn-ghost flex-shrink-0"
|
||||
>✕
|
||||
</button>
|
||||
</div>
|
||||
<ul
|
||||
class="my-1 w-full h-[85%] overflow-y-auto no-scrollbar firefox-no-scrollbar ie-edge-no-scrollbar"
|
||||
@ -415,6 +380,6 @@
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class={"h-full" + (isSidebarOpen ? " ml-64 min-w-64" : " min-w-0")}>
|
||||
<div class={"relative h-full transition-all md:ml-80"}>
|
||||
<slot />
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user