imacat/mia-accounting
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 41 Wiki Activity

Revised the toolbar layout so that it looks better with only one toolbar button on the mobile devices.

Browse Source
This commit is contained in:
依瑪貓 2023-03-22 02:28:58 +08:00
parent ccbdc779ac
commit b376cf1580
1 changed files with 1 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/accounting/static/css/style.css
View File

@ -72,14 +72,11 @@
} }
} }
@media(max-width:767px) { @media(max-width:767px) {
.accounting-toolbar {
width: 100%;
justify-content: space-evenly;
}
.accounting-toolbar > .btn:not(form), .accounting-toolbar > .btn-group > .btn { .accounting-toolbar > .btn:not(form), .accounting-toolbar > .btn-group > .btn {
height: 3.2rem; height: 3.2rem;
width: 3.2rem; width: 3.2rem;
border-radius: 50%; border-radius: 50%;
margin-right: 0.5rem;
} }
.accounting-toolbar > a.btn, .accounting-toolbar > .btn-group > a.btn { .accounting-toolbar > a.btn, .accounting-toolbar > .btn-group > a.btn {
padding-top: 0.7rem; padding-top: 0.7rem;