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

Form does not size correctly on portrait / mobile #218

Open
cdcv opened this issue Dec 16, 2020 · 3 comments
Open

Form does not size correctly on portrait / mobile #218

cdcv opened this issue Dec 16, 2020 · 3 comments

Comments

@cdcv
Copy link

cdcv commented Dec 16, 2020

What is the best way to get form elements to size correctly on a mobile screen?
Currently, form elements are tiny on portrait orientation, and the styling appears to go down into hard-coded sizes many levels deep.
Is there a straightforward way to change the theme or global styling parameters, or specify styling on the form elements?

Thanks

@daniel-dx
Copy link
Collaborator

Ooh,ncform currently only supports PC scenarios, regardless of mobile scenarios

@ymarcon
Copy link

ymarcon commented Jan 27, 2021

What about the columns sizing? is it possible to specify the different media sizes (xs, sm, md, lg and xl), for a responsive form layout?

@ymarcon
Copy link

ymarcon commented Jan 27, 2021

@cdcv you can use css with media rules, for instance:

@media screen and (max-width: 600px)
.ncform .el-form-item__label {
    font-size: 18px;
}

@media screen and (min-width: 601px)
.ncform .el-form-item__label {
    font-size: 14px;
}

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

No branches or pull requests

3 participants