Admin horizontal scroll on narrower screens (#3406)

* admin horizontal scoll

* fixed lint errors

* Update web/public/styles/admin/config-public-details.css

---------

Co-authored-by: Gabe Kangas <gabek@real-ity.com>
This commit is contained in:
Annie Pauline
2023-12-01 08:23:22 +05:30
committed by GitHub
parent 214de6db11
commit 5eb043dfad
2 changed files with 34 additions and 4 deletions

View File

@@ -6,7 +6,7 @@
flex-direction: row;
flex-wrap: nowrap;
}
@media (max-width: 1200px) {
@media (max-width: 1400px) {
.config-public-details-page .top-container {
flex-wrap: wrap;
}
@@ -26,7 +26,7 @@
max-width: none;
}
}
@media (max-width: 1200px) and (max-width: 980px) {
@media (max-width: 1400px) {
.config-public-details-page .top-container .social-items-container {
flex-direction: column;
}
@@ -77,3 +77,8 @@
display: inline-block;
border: 1px solid var(--theme-color-palette-5);
}
@media (min-width: 1400px) {
.instance-details-container {
width: 65% !important;
}
}