fix: height

This commit is contained in:
Shibo Lyu 2024-08-29 14:51:10 +08:00
parent f3f32a5326
commit e386fe2583
3 changed files with 3 additions and 3 deletions

View file

@ -11,7 +11,7 @@
</head> </head>
<body <body
data-sveltekit-preload-data="hover" data-sveltekit-preload-data="hover"
class="relative h-screen max-w-[100vw] touch-pan-x touch-pan-y select-none overflow-hidden bg-sb-secondary text-sf-primary" class="relative h-[100dvh] max-w-[100vw] touch-pan-x touch-pan-y select-none overflow-hidden bg-sb-secondary text-sf-primary"
> >
<div style="display: contents">%sveltekit.body%</div> <div style="display: contents">%sveltekit.body%</div>
</body> </body>

View file

@ -22,7 +22,7 @@
data-weblah-main-visible={mainVisible ? 'true' : undefined} data-weblah-main-visible={mainVisible ? 'true' : undefined}
> >
<aside <aside
class="relative h-screen min-h-0 overflow-hidden border-ss-primary bg-sb-primary shadow-lg [view-transition-name:chat-list] after:pointer-events-none after:absolute after:inset-0 after:size-full after:bg-transparent group-data-[weblah-main-visible]:after:bg-black/30 sm:w-1/3 sm:border-e sm:after:hidden lg:w-1/4" class="relative h-[100dvh] min-h-0 overflow-hidden border-ss-primary bg-sb-primary shadow-lg [view-transition-name:chat-list] after:pointer-events-none after:absolute after:inset-0 after:size-full after:bg-transparent group-data-[weblah-main-visible]:after:bg-black/30 sm:w-1/3 sm:border-e sm:after:hidden lg:w-1/4"
> >
<ChatList /> <ChatList />
</aside> </aside>

View file

@ -3,7 +3,7 @@
import ChatListItem from './ChatListItem.svelte'; import ChatListItem from './ChatListItem.svelte';
</script> </script>
<div class="flex h-screen flex-col justify-stretch"> <div class="flex h-[100dvh] flex-col justify-stretch">
<ChatListHeader /> <ChatListHeader />
<div class="min-h-0 flex-1 touch-pan-y overflow-y-auto"> <div class="min-h-0 flex-1 touch-pan-y overflow-y-auto">
<ul> <ul>