Michilis/lnbits
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: improve mobile responsiveness for admin settings (#3431)

Browse Source 
Co-authored-by: Claude <noreply@anthropic.com>
This commit is contained in:
Ben Weeks
2025-10-21 13:54:49 +03:00
committed by GitHub
co-authored by Claude
parent 55c5ab3a6d
commit 785fb7af8e
4 changed files with 221 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lnbits/templates/base.html
+51
View File
@@ -23,6 +23,57 @@
.wallet-list-card:first-child {
margin-left: 1px;
}
/* Force chip content to wrap on mobile */
@media (max-width: 1023px) {
.q-chip {
height: auto !important;
min-height: 2rem !important;
}
.q-chip .q-chip__content {
white-space: normal !important;
word-break: break-all !important;
min-height: 1.5rem !important;
height: auto !important;
}
.q-chip .ellipsis {
overflow: visible !important;
text-overflow: clip !important;
white-space: normal !important;
word-break: break-all !important;
}
/* Fix q-input hint text wrapping and container growth */
.q-field {
overflow: visible !important;
height: auto !important;
min-height: 56px !important;
}
.q-field__inner {
overflow: visible !important;
height: auto !important;
}
.q-field__control {
overflow: visible !important;
height: auto !important;
}
.q-field__bottom {
position: relative !important;
transform: none !important;
max-height: none !important;
overflow: visible !important;
height: auto !important;
margin-bottom: 8px !important;
}
.q-field__messages {
min-height: auto !important;
}
.q-field__messages,
.q-field__messages > div {
white-space: normal !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
word-break: break-word !important;
}
}
</style>
<title>{% block title %}{{ SITE_TITLE }}{% endblock %}</title>
<meta charset="utf-8" />