github
/
uptime-kuma
mirror of https://github.com/louislam/uptime-kuma
1
0
Fork 0
Code Issues Releases Wiki Activity

Fixes buttons getting out of view on mobile screens less than 450px #5978 (#6113) 

Co-authored-by: Frank Elsinga <frank@elsinga.de>
master
Devang Saklani 2025-09-09 13:39:04 +05:30 committed by GitHub
parent ed3538f72f
commit aed7b63fc4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/pages/Details.vue
View File

@ -944,10 +944,6 @@ export default {
} }
@media (max-width: 550px) { @media (max-width: 550px) {
.functions {
text-align: center;
}
.ping-chart-wrapper { .ping-chart-wrapper {
padding: 10px !important; padding: 10px !important;
} }
@ -957,20 +953,27 @@ export default {
} }
} }
@media (max-width: 400px) { @media (max-width: 450px) {
.btn { .btn {
display: inline-flex;
flex-direction: column;
align-items: center;
padding-top: 10px; padding-top: 10px;
font-size: 0.9em; font-size: 0.9em;
} }
a.btn { .btn-group {
padding-left: 25px; width: 100%;
padding-right: 25px;
}
.btn, a.btn {
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 4px;
padding-left: 10px;
padding-right: 10px;
}
}
}
@media (max-width: 400px) {
.dropdown-clear-data { .dropdown-clear-data {
button { button {
display: block; display: block;