fix: mobile viewport

This commit is contained in:
Timothy J. Baek 2024-02-16 13:23:11 -08:00
parent ac5070d632
commit 0e8765a763
2 changed files with 3 additions and 3 deletions

View file

@ -87,13 +87,13 @@
<div <div
bind:this={navElement} bind:this={navElement}
class="h-screen {show class="h-screen max-h-[100dvh] {show
? '' ? ''
: '-translate-x-[260px] w-[0px]'} w-[260px] min-w[260px] bg-black text-gray-200 shadow-2xl text-sm transition z-40 fixed top-0 left-0 lg:relative : '-translate-x-[260px] w-[0px]'} w-[260px] min-w[260px] bg-black text-gray-200 shadow-2xl text-sm transition z-40 fixed top-0 left-0 lg:relative
" "
> >
<div <div
class="py-2.5 my-auto flex flex-col justify-between h-screen w-[260px] {show class="py-2.5 my-auto flex flex-col justify-between h-screen max-h-[100dvh] w-[260px] {show
? '' ? ''
: 'invisible'}" : 'invisible'}"
> >

View file

@ -787,7 +787,7 @@
}; };
</script> </script>
<div class="min-h-screen max-h-screen w-full flex flex-col"> <div class="h-screen max-h-[100dvh] w-full flex flex-col">
<Navbar {title} shareEnabled={messages.length > 0} {initNewChat} {tags} {addTag} {deleteTag} /> <Navbar {title} shareEnabled={messages.length > 0} {initNewChat} {tags} {addTag} {deleteTag} />
<div class="flex flex-col flex-auto"> <div class="flex flex-col flex-auto">
<div <div