Hi Lee,
Based on the shared details we can understand that you are
trying to utilize Syncfusion Dashboard Layout component and facing an
alignment issues in the mobile mode. We have resolved your query and achieved
your requirement by adding the necessary styles. Kindly refer the code changes
below,
|
@@media (min-width: 900px) and (max-width: 1000px) {
.e-panel {
overflow: auto !important;
}
}
@@media (max-width: 300px)
{
.text-content {
font-size: 17px !important;
line-height: 17px !important;
margin-top: 19px !important;
}
.e-avatar-medium {
height: 35px !important;
width: 35px !important;
margin-top: 10px !important;
}
.analysis
{
font-size: 12px !important;
padding: 0px !important;
text-align: left !important;
vertical-align:
middle !important;
}
.card .e-icons {
top: 20% !important;
}
.searchContent {
left: 60px !important;
}
}
@@media (min-width: 320px) and (max-width: 440px) {
.information
{
margin-top: 5px !important;
margin-left: 6px !important;
position: unset !important;
}
.searchContent {
left: 45px !important;
}
.text-content {
margin-left: 0px !important;
}
}
|
Likewise, you can add necessary styles according to your
requirements. We have prepared the sample and attached for your reference,
Sample: Attached as zip file.
Kindly check out the shared details and get back to us if
you need further assistance.
Regards,
Jafar
Attachment:
Dashboard_1_752f0ee7.zip
