cerc-io/snowballtools-base
16
0
Fork 2
Code Issues 8 Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 style: adjust media query minimum width for desktop to match with tailwind large responsive min width

Browse Source
This commit is contained in:
Wahyu Kurniawan 2024-03-06 15:27:29 +07:00
parent 8d3ef369bb
commit b605c1bc5b
No known key found for this signature in database
GPG Key ID: 040A1549143A8E33
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/frontend/src/components/shared/Sidebar/Sidebar.tsx
View File

@ -34,7 +34,7 @@ export const Sidebar = ({ mobileOpen }: SidebarProps) => {
const navigate = useNavigate();
const client = useGQLClient();
const { disconnect } = useDisconnect();
const isDesktop = useMediaQuery('(min-width: 1024px)');
const isDesktop = useMediaQuery('(min-width: 960px)');
const [user, setUser] = useState<User>();

2
packages/frontend/src/pages/org-slug/layout.tsx
View File

@ -23,7 +23,7 @@ export const DashboardLayout = ({
...props
}: DashboardLayoutProps) => {
const { orgSlug } = useParams();
const isDesktop = useMediaQuery('(min-width: 1024px)');
const isDesktop = useMediaQuery('(min-width: 960px)');
const [isSidebarOpen, setIsSidebarOpen] = useState(false);
const [isSearchOpen, setIsSearchOpen] = useState(false);