diff --git a/packages/frontend/src/components/MkPostForm.vue b/packages/frontend/src/components/MkPostForm.vue index 951d3ef9d3..30740b5fcd 100644 --- a/packages/frontend/src/components/MkPostForm.vue +++ b/packages/frontend/src/components/MkPostForm.vue @@ -1443,6 +1443,15 @@ defineExpose({ .footer { padding: 0 8px 8px 8px; } + + .footerLeft { + grid-template-columns: repeat(auto-fill, minmax(34px, 1fr)); + padding-left: 2px; + } + + .footerRight { + grid-template-columns: repeat(auto-fill, minmax(38px, 1fr)); + } } @container (max-width: 350px) { @@ -1450,14 +1459,6 @@ defineExpose({ font-size: 0.9em; } - .footerLeft { - grid-template-columns: repeat(auto-fill, minmax(38px, 1fr)); - } - - .footerRight { - grid-template-columns: repeat(auto-fill, minmax(38px, 1fr)); - } - .headerRight { gap: 0; } diff --git a/packages/frontend/src/components/MkPostFormSimple.vue b/packages/frontend/src/components/MkPostFormSimple.vue index 69b8158b31..2b3552e007 100644 --- a/packages/frontend/src/components/MkPostFormSimple.vue +++ b/packages/frontend/src/components/MkPostFormSimple.vue @@ -1492,6 +1492,15 @@ defineExpose({ .footer { padding: 0 8px 8px 8px; } + + .footerLeft { + grid-template-columns: repeat(auto-fill, minmax(34px, 1fr)); + padding-left: 2px; + } + + .footerRight { + grid-template-columns: repeat(auto-fill, minmax(38px, 1fr)); + } } @container (max-width: 350px) { @@ -1499,14 +1508,6 @@ defineExpose({ font-size: 0.9em; } - .footerLeft { - grid-template-columns: repeat(auto-fill, minmax(38px, 1fr)); - } - - .footerRight { - grid-template-columns: repeat(auto-fill, minmax(38px, 1fr)); - } - .headerRight { gap: 0; }