Replies: 4 comments
-
|
你的聊天框具體有多過大呢？我想看看是不是非常嚴重的跑版，還是你希望它像舊版一樣保持單獨一行？如果是的話，我覺得我可以做一個額外的開關按鈕，這樣可能比較方便使用者控制 我自己目前的聊天框喜歡大一點的，但不可否認手機的螢幕真的太小了⋯ How big is your chat box exactly? I’d like to see if it’s a serious layout issue or if you just prefer it to stay as a single line like the old version. If that’s the case, I think I could add an extra toggle button, which might make it more convenient for users to control. Personally, I prefer a slightly larger chat box, but I have to admit that phone screens are really small… |
Beta Was this translation helpful? Give feedback.
-
|
是的，我是希望它变成一行，它没有很严重的跑版，我相信如果在电脑和平板上使用它会非常完美！但很可惜，我的手机屏幕不太够用，只能去修改它。
这个问题我已经得到了解决，在我将输入栏那里的布局更改后成功变成了一行❤️❤️
非常感谢劳斯的回应，如果可以做成一个开关就太好了！因为会方便很多🥺
我现在对聊天框的设置是
/* Mobile Input Field 手機端輸入欄位 */
@media screen and (max-width: 1000px) {
/* Mobile Chat Input Overall 聊天輸入欄位整體 */
#send_form {
width: 97%;
height: 97% !important;
margin-bottom: 0 !important;
border: 2px solid var(--SmartThemeBodyColor) !important;
box-shadow: 0 0 0px var(--SmartThemeBodyColor);
min-height: 90% !important;
padding: 4px 3px 5px 5px !important;
border-radius: 20px !important;
transition: all 0.5s ease;
&:focus-within {
border: 2px solid var(--customThemeColor) !important;
box-shadow: 0 0 0px var(--customThemeColor);
}
&.compact {
#leftSendForm,
#rightSendForm {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
width: unset;
}
}
}
/* Mobile Chat Menu 聊天輸選單 */
#nonQRFormItems {
display: flex;
grid-template-columns: 0fr 0fr;
grid-template-rows: auto auto;
grid-template-areas:
"textarea textarea"
"left right";
gap: 0;
padding: 0;
margin-bottom: 0px;
margin-left: 4.5px;
#send_textarea {
grid-area: textarea;
box-sizing: border-box;
width: 100%;
padding: 0px 0px;
}
}
/* Mobile Left & Right Chat Menu 左右側聊天選單 */
#leftSendForm,
#rightSendForm {
margin: 5px 0;
}
#leftSendForm {
grid-area: left;
display: flex;
align-items: center;
justify-content: flex-start !important;
}
#rightSendForm {
grid-area: right;
display: flex;
align-items: center;
justify-content: flex-end !important;
}
#rightSendForm > div,
#leftSendForm > div,
#nonQRFormItems #options_button {
font-size: 16px;
}
#nonQRFormItems #options_button {
margin-right: 10px;
}
}
最后出来的效果我放在图上【修改了聊天输入的位置是因为不知道为什么，那个输入想发送的消息那里会偏上一点，而两侧的按钮会偏下】
|
Beta Was this translation helpful? Give feedback.
-
|
|
Beta Was this translation helpful? Give feedback.
-
|
如果你有更新到2.0.0版本，你應該可以直接在選單中自由開關這個設定⋯我對此進行了更新。 If you’ve updated to version 2.0.0, you should be able to toggle this setting freely in the menu… I’ve made some updates for that. |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Beta Was this translation helpful? Give feedback.
All reactions