Skip to content
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

Support responsive design with media query #123

Closed
wwwillchen opened this issue Apr 20, 2024 · 4 comments · Fixed by #379
Closed

Support responsive design with media query #123

wwwillchen opened this issue Apr 20, 2024 · 4 comments · Fixed by #379

Comments

@wwwillchen
Copy link
Collaborator

No description provided.

@richard-to
Copy link
Collaborator

richard-to commented Jun 7, 2024

I agree. Being able to support mobile is pretty important. I think Nice GUI does some interesting stuff with CSS and has Tailwind Support which I think is interesting (though I don't think Mesop needs Tailwind support).

Link: https://nicegui.io/documentation/section_styling_appearance#styling

@ducan-ne
Copy link

ducan-ne commented Jun 8, 2024

Support class on box component would be nice. It's totally fine for me to use Tailwind cdn https://tailwindcss.com/docs/installation/play-cdn, it's good both in terms of responsive design + layout.
<script src="https://cdn.tailwindcss.com"></script>

@wwwillchen
Copy link
Collaborator Author

Support class on box component would be nice. It's totally fine for me to use Tailwind cdn https://tailwindcss.com/docs/installation/play-cdn, it's good both in terms of responsive design + layout. <script src="https://cdn.tailwindcss.com"></script>

@ducan-ne do you mind filing a new issue to support Tailwind? Right now, in addition to allowing setting class names on box, we'd also need to support injecting script tags, which is currently not supported in Mesop. Right now Mesop supports styling through https://google.github.io/mesop/api/style/ and now viewport size, and I think this gives you most, but not all of the flexibility that Tailwind provides.

@ducan-ne
Copy link

@wwwillchen just created a new one #438

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 a pull request may close this issue.

3 participants