style: fix title for mobile screen
This commit is contained in:
parent
6d398bdc64
commit
dc2fbdca82
1 changed files with 9 additions and 2 deletions
|
|
@ -9,10 +9,9 @@ body {
|
|||
// overflow-x: hidden; //Prevent scroll on narrow devices
|
||||
// }
|
||||
|
||||
@media (max-width: 1080px) {
|
||||
@media (max-width: 1024px) {
|
||||
body[data-route^="Form"] {
|
||||
.page-title .title-text {
|
||||
@include get_textstyle("lg", "regular");
|
||||
max-width: 350px;
|
||||
}
|
||||
}
|
||||
|
|
@ -389,3 +388,11 @@ body {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
body[data-route^="Form"] {
|
||||
.page-title .title-text {
|
||||
max-width: 150px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue