Make the AI chat dialog window wider for ChatGPT/Claude/Kimi/Tongyi/ChatGLM/Tiangong/Deepseek/Gemini/Tencent Yuanbao/grok
< 腳本Wider AI Chat↔️的回應
由于gemini的用户提问区域、输入框区域无法实现拉宽的效果,同时grok完全无法实现拉宽效果,因此,我把gemini和grok的部分进行了优化,经测试已生效。只需要把相应部分替换为以下代码即可,作者有空的时候可以测试、更新一下哈,谢谢您!```else if (/gemini.google.com/.test(location.href)) { console.log("gemini"); GM_addStyle(` .conversation-container { max-width: 95% !important; } user-query, .user-query-container { width: 100% !important; max-width: 100% !important; } .user-query-bubble-with-background { max-width: 100% !important; } div.bottom-container, div.input-area-container { max-width: 95% !important; margin-left: auto !important; margin-right: auto !important; } .text-input-field, .text-input-field_textarea-wrapper { max-width: 100% !important; } `); } else if (/grok.com/.test(location.href)) { console.log("grok.com new version"); GM_addStyle(` main > div.relative.flex.flex-col.items-center { --content-max-width: 95% !important; } .max-w-breakout { max-width: 95% !important; } `);```
登入以回覆
由于gemini的用户提问区域、输入框区域无法实现拉宽的效果,同时grok完全无法实现拉宽效果,因此,我把gemini和grok的部分进行了优化,经测试已生效。只需要把相应部分替换为以下代码即可,作者有空的时候可以测试、更新一下哈,谢谢您!
```
else if (/gemini.google.com/.test(location.href)) {
console.log("gemini");
GM_addStyle(`
.conversation-container {
max-width: 95% !important;
}
user-query, .user-query-container {
width: 100% !important;
max-width: 100% !important;
}
.user-query-bubble-with-background {
max-width: 100% !important;
}
div.bottom-container,
div.input-area-container {
max-width: 95% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.text-input-field, .text-input-field_textarea-wrapper {
max-width: 100% !important;
}
`);
} else if (/grok.com/.test(location.href)) {
console.log("grok.com new version");
GM_addStyle(`
main > div.relative.flex.flex-col.items-center {
--content-max-width: 95% !important;
}
.max-w-breakout {
max-width: 95% !important;
}
`);
```