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

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

View File

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

View File

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