quivr/frontend/app/studio/layout.tsx
Aditya Nandan 99d0b8bdb6
fix: Blank scrollbar on certain browsers (#3118)
# Description

- Replace overflow of scroll with overflow of auto throughout the
project
- apply custom scrollbar

## Checklist before requesting a review

Please delete options that are not relevant.

- [ ] My code follows the style guidelines of this project
- [ ] I have performed a self-review of my code
- [ ] I have commented hard-to-understand areas
- [ ] I have ideally added tests that prove my fix is effective or that
my feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged

## Screenshots (if appropriate):

![image](https://github.com/user-attachments/assets/edcdd6b3-5e80-416a-a814-c21dd6604853)

![image](https://github.com/user-attachments/assets/b6212519-2574-4029-a027-55714a0ded34)

![image](https://github.com/user-attachments/assets/b9bc8311-98ed-4dc3-9047-636b8f1f26ca)

![image](https://github.com/user-attachments/assets/f19cfe16-35fe-44d3-aa83-0157afc5fadc)
2024-09-02 14:01:34 +02:00

25 lines
545 B
TypeScript

"use client";
import { ReactNode } from "react";
import { useSupabase } from "@/lib/context/SupabaseProvider";
import { redirectToLogin } from "@/lib/router/redirectToLogin";
interface LayoutProps {
children?: ReactNode;
}
const Layout = ({ children }: LayoutProps): JSX.Element => {
const { session } = useSupabase();
if (session === null) {
redirectToLogin();
}
return (
<div className="relative h-full w-full flex justify-stretch items-stretch overflow-auto">
{children}
</div>
);
};
export default Layout;