GithubProxy/ChatGPT-Next-Web
1
0
Fork 1
mirror of https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web.git synced 2025-05-29 17:10:20 +09:00
Code Issues Packages Projects Releases Wiki Activity

chore: 样式更新

Browse Source
This commit is contained in:
DDMeaqua 2024-09-10 12:01:51 +08:00
parent 61245e3d7e
commit e578c5f3ad
2 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/components/chat.module.scss
View File

@ -656,26 +656,22 @@
.shortcut-key-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 16px;
}
.shortcut-key-item {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
overflow: hidden;
border: var(--border-in-light);
border-radius: 10px;
padding: 10px;
background-color: var(--white);
box-shadow: var(--card-shadow);
transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.shortcut-key-title {
font-size: 14px;
color: var(--black);
margin-bottom: 8px;
}
.shortcut-key-keys {

20
app/components/chat.tsx
View File

@ -830,15 +830,25 @@ export function DeleteImageButton(props: { deleteImage: () => void }) {
}
export function ShortcutKeyModal(props: { onClose: () => void }) {
const isMac = navigator.platform.toUpperCase().indexOf("MAC") >= 0;
const shortcuts = [
{ title: Locale.Chat.ShortcutKey.newChat, keys: ["⌘", "Shift", "o"] },
{
title: Locale.Chat.ShortcutKey.newChat,
keys: isMac ? ["⌘", "Shift", "O"] : ["Ctrl", "Shift", "O"],
},
{ title: Locale.Chat.ShortcutKey.focusInput, keys: ["Shift", "Esc"] },
{ title: Locale.Chat.ShortcutKey.copyLastCode, keys: ["⌘", "Shift", ";"] },
{
title: Locale.Chat.ShortcutKey.copyLastCode,
keys: isMac ? ["⌘", "Shift", ";"] : ["Ctrl", "Shift", ";"],
},
{
title: Locale.Chat.ShortcutKey.copyLastMessage,
keys: ["⌘", "Shift", "c"],
keys: isMac ? ["⌘", "Shift", "C"] : ["Ctrl", "Shift", "C"],
},
{
title: Locale.Chat.ShortcutKey.showShortcutKey,
keys: isMac ? ["⌘", "/"] : ["Ctrl", "/"],
},
{ title: Locale.Chat.ShortcutKey.showShortcutKey, keys: ["⌘", "/"] },
];
return (
<div className="modal-mask">
@ -1424,7 +1434,7 @@ function _Chat() {
setAttachImages(images);
}
// 快捷键
// 快捷键 shortcut keys
const [showShortcutKeyModal, setShowShortcutKeyModal] = useState(false);
useEffect(() => {