Skip to content

Conversation

@laporchen
Copy link
Contributor

This PR uses commits from #141, would rebase after #141 is merged

@cloudflare-workers-and-pages
Copy link

cloudflare-workers-and-pages bot commented Aug 5, 2023

Deploying with  Cloudflare Pages  Cloudflare Pages

Latest commit: bacbe67
Status: ✅  Deploy successful!
Preview URL: https://4cdc29d9.nfe.pages.dev
Branch Preview URL: https://feat-sidebar-mobile.nfe.pages.dev

View logs

import { useMediaQuery } from "@vueuse/core";

export default function useInteractions() {
const isDesktop = useMediaQuery("(min-width: 1024px)");
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Since our current responsive design depends on TailwindCSS breakpoint, would it be better to use useBreakpoints ?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

then, we can avoid writing "(min-width: 1024px)"

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think that's nice. Unless we want to use different breakpoint in the future.
It can be a good first issue.

@uier uier mentioned this pull request Aug 5, 2023
@laporchen laporchen force-pushed the feat/sidebar-mobile branch from ae6f8f1 to bacbe67 Compare August 5, 2023 13:42
@uier uier mentioned this pull request Aug 5, 2023
10 tasks
@laporchen laporchen merged commit e32f982 into main Aug 6, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants