Skip to content

Changed isMobileScreen to isLargeScreen and fixed sizes#1691

Open
GitTaijitu wants to merge 1 commit into
mainfrom
1680-cms-when-width-is-around-1060px-the-language-selectors-stickyness-breaks
Open

Changed isMobileScreen to isLargeScreen and fixed sizes#1691
GitTaijitu wants to merge 1 commit into
mainfrom
1680-cms-when-width-is-around-1060px-the-language-selectors-stickyness-breaks

Conversation

@GitTaijitu

Copy link
Copy Markdown
Collaborator

No description provided.

Comment thread cms/src/components/BasePage.vue
Comment thread cms/src/globalConfig.ts
Comment on lines +35 to +36
export const isLargeScreen = computed(() => windowWidth.value < 1024);
export const isSmallScreen = computed(() => windowWidth.value < 640);

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Need to rethink this. Perhaps better to use the Tailwind breakpoints instead of a pixel value (see how it is done in Basepage)

Perhaps just export the breakpoints variable, and use e.g. breakpoints.smaller("lg") in the actual code where we need to determine the screen size programatically

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.

CMS: When width is around 1060px the language selector's stickyness breaks

2 participants