diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-04-11 14:57:06 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-04-11 14:57:06 +0900 |
| commit | de0577bc38eee598291c678e35956928bb22e63d (patch) | |
| tree | 886c2db65f74865b940f3b963f1cf3fe6d96becd /packages/frontend/src/components/MkPostForm.vue | |
| parent | New Crowdin updates (#10566) (diff) | |
| download | misskey-de0577bc38eee598291c678e35956928bb22e63d.tar.gz misskey-de0577bc38eee598291c678e35956928bb22e63d.tar.bz2 misskey-de0577bc38eee598291c678e35956928bb22e63d.zip | |
enhance(frontend): tweak post form style
Diffstat (limited to 'packages/frontend/src/components/MkPostForm.vue')
| -rw-r--r-- | packages/frontend/src/components/MkPostForm.vue | 24 |
1 files changed, 16 insertions, 8 deletions
diff --git a/packages/frontend/src/components/MkPostForm.vue b/packages/frontend/src/components/MkPostForm.vue index 10cb7d96cc..42a3748d9a 100644 --- a/packages/frontend/src/components/MkPostForm.vue +++ b/packages/frontend/src/components/MkPostForm.vue @@ -1124,16 +1124,16 @@ defineExpose({ display: grid; grid-auto-flow: row; grid-template-columns: repeat(auto-fill, minmax(42px, 1fr)); - grid-auto-rows: 46px; + grid-auto-rows: 40px; } .footerRight { - flex: 0.3; + flex: 0; margin-left: auto; display: grid; grid-auto-flow: row; grid-template-columns: repeat(auto-fill, minmax(42px, 1fr)); - grid-auto-rows: 46px; + grid-auto-rows: 40px; direction: rtl; } @@ -1198,13 +1198,21 @@ defineExpose({ } } -@container (max-width: 330px) { - .headerRight { - gap: 0; +@container (max-width: 350px) { + .footer { + font-size: 0.9em; } - .footer { - font-size: 14px; + .footerLeft { + grid-template-columns: repeat(auto-fill, minmax(38px, 1fr)); + } + + .footerRight { + grid-template-columns: repeat(auto-fill, minmax(38px, 1fr)); + } + + .headerRight { + gap: 0; } } </style> |