qugalet/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

better support for 3+ buttons

Browse source
This commit is contained in:
Henry Jameson 2024-12-29 22:29:50 +02:00
parent b593cadff8
commit fbb1dad55f
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/dialog_modal/dialog_modal.vue
View file

@ -79,11 +79,14 @@
border-top: 1px solid var(--border); border-top: 1px solid var(--border);
display: grid; display: grid;
grid-gap: 0.5em; grid-gap: 0.5em;
grid-auto-columns: minmax(max-content, 1fr); grid-template-columns: min-content;
grid-auto-columns: min-content;
grid-auto-flow: column dense;
height: auto; height: auto;
button { button {
width: auto; width: auto;
white-space: nowrap;
padding-left: 2em; padding-left: 2em;
padding-right: 2em; padding-right: 2em;
} }
@ -104,8 +107,10 @@
.dialog-modal-footer { .dialog-modal-footer {
flex-direction: column; flex-direction: column;
justify-content: flex-end; justify-content: flex-end;
grid-auto-columns: initial; grid-template-columns: 1fr;
grid-auto-rows: 1fr; grid-auto-columns: none;
grid-auto-rows: auto;
grid-auto-flow: row dense;
button { button {
grid-column: 1; grid-column: 1;