mirror of
https://github.com/StanGirard/quivr.git
synced 2024-08-17 09:00:33 +03:00
fix: 🐛📱 height now matches mobile height (#1323)
This commit is contained in:
parent
bf5b7553d5
commit
945178de39
@ -12,7 +12,7 @@ const SelectedChatPage = (): JSX.Element => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className={`flex flex-col flex-1 items-center justify-stretch w-full h-[100vh] overflow-hidden ${
|
className={`flex flex-col flex-1 items-center justify-stretch w-full h-fill-available overflow-hidden ${
|
||||||
shouldDisplayFeedCard ? "bg-chat-bg-gray" : "bg-white"
|
shouldDisplayFeedCard ? "bg-chat-bg-gray" : "bg-white"
|
||||||
} dark:bg-black transition-colors ease-out duration-500`}
|
} dark:bg-black transition-colors ease-out duration-500`}
|
||||||
data-testid="chat-page"
|
data-testid="chat-page"
|
||||||
|
@ -41,4 +41,10 @@ div:focus {
|
|||||||
/* background: #000; */
|
/* background: #000; */
|
||||||
@apply bg-gray-500;
|
@apply bg-gray-500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.h-fill-available {
|
||||||
|
/* fixes the h-[100vh] issue on mobile */
|
||||||
|
/* like height: -webkit-fill-available; but for any device (android and iphone) */
|
||||||
|
@apply h-[100vh] supports-[height:100cqh]:h-[100cqh] supports-[height:100svh]:h-[100svh];
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
@ -37,4 +37,4 @@ a {
|
|||||||
/* background: #000; */
|
/* background: #000; */
|
||||||
@apply bg-gray-500;
|
@apply bg-gray-500;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -39,7 +39,7 @@ export const Sidebar = ({
|
|||||||
setOpen(false);
|
setOpen(false);
|
||||||
}
|
}
|
||||||
}}
|
}}
|
||||||
className="flex flex-col fixed sm:sticky top-0 left-0 h-[100vh] overflow-visible z-30 border-r border-black/10 dark:border-white/25 bg-white dark:bg-black"
|
className="flex flex-col fixed sm:sticky top-0 left-0 h-fill-available overflow-visible z-30 border-r border-black/10 dark:border-white/25 bg-white dark:bg-black"
|
||||||
>
|
>
|
||||||
{!open && (
|
{!open && (
|
||||||
<button
|
<button
|
||||||
|
Loading…
Reference in New Issue
Block a user