-
Notifications
You must be signed in to change notification settings - Fork 7
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat: update table width in pages/courses
#146
Conversation
courses
courses
page/courses
page/courses
pages/courses
Deploying with Cloudflare Pages
|
<td> | ||
<td | ||
:class="{ | ||
'min-w-[10rem] max-w-[12rem] whitespace-pre-wrap': !isDesktop, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'm curious whether isDesktop
is a common usage in RWD? The last time I applied RWD, I was using like lgAndUp
, mdAndDown
. just discussion :D
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think there are multiple methods to apply RWD. Like inline class with lg
, md
, for example.
Using isDesktop
to separate two width ranges with dynamic binding is easier to maintain in my opinion.
If there's more than 2 device widths to consider. I think the one you mentioned would be a better solution.
I don't think we are making more design other than mobile right now.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The courses page now looks good in mobile phone! thanks for contributing 👍
@laporchen remember to assign yourself as one of the PR Assignees, and after the changes approved you can Squash and merge the changes by yourself! thanks 😄 |
Allowing the table being centered in the
courses
page.