1
0
mirror of https://github.com/hotomoe/hotomoe synced 2024-12-25 12:08:07 +09:00

enhance(frontend): tweak post form style

This commit is contained in:
syuilo 2023-04-11 14:57:06 +09:00
parent b192dc0774
commit de0577bc38
2 changed files with 17 additions and 8 deletions

View File

@ -23,6 +23,7 @@
- webhook, 連携アプリ一覧でコンテンツが重複して表示される問題を修正 - webhook, 連携アプリ一覧でコンテンツが重複して表示される問題を修正
- iPhoneで絵文字ピッカーの表示が崩れる問題を修正 - iPhoneで絵文字ピッカーの表示が崩れる問題を修正
- iPhoneでウィジェットドロワーの「ウィジェットを編集」が押しにくい問題を修正 - iPhoneでウィジェットドロワーの「ウィジェットを編集」が押しにくい問題を修正
- 投稿フォームのデザインを調整
### Server ### Server
- APIパラメータサイズ上限を32kbから1mbに緩和 - APIパラメータサイズ上限を32kbから1mbに緩和

View File

@ -1124,16 +1124,16 @@ defineExpose({
display: grid; display: grid;
grid-auto-flow: row; grid-auto-flow: row;
grid-template-columns: repeat(auto-fill, minmax(42px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(42px, 1fr));
grid-auto-rows: 46px; grid-auto-rows: 40px;
} }
.footerRight { .footerRight {
flex: 0.3; flex: 0;
margin-left: auto; margin-left: auto;
display: grid; display: grid;
grid-auto-flow: row; grid-auto-flow: row;
grid-template-columns: repeat(auto-fill, minmax(42px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(42px, 1fr));
grid-auto-rows: 46px; grid-auto-rows: 40px;
direction: rtl; direction: rtl;
} }
@ -1198,13 +1198,21 @@ defineExpose({
} }
} }
@container (max-width: 330px) { @container (max-width: 350px) {
.footer {
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 { .headerRight {
gap: 0; gap: 0;
} }
.footer {
font-size: 14px;
}
} }
</style> </style>