优化26键搜索小键盘尺寸并居中显示

This commit is contained in:
JSR
2026-03-18 19:57:16 +08:00
parent 5b57ee1411
commit c1dc0daedb
+5 -4
View File
@@ -908,8 +908,9 @@ export const Home: React.FC<{ canEdit: boolean }> = ({ canEdit }) => {
style={{ style={{
position: "absolute", position: "absolute",
top: "calc(100% + 8px)", top: "calc(100% + 8px)",
left: 0, left: "50%",
width: searchKeyboardLayout === "qwerty26" ? "260px" : "220px", transform: "translateX(-50%)",
width: searchKeyboardLayout === "qwerty26" ? "288px" : "220px",
padding: "8px", padding: "8px",
borderRadius: "10px", borderRadius: "10px",
border: "1px solid var(--ss-border-color)", border: "1px solid var(--ss-border-color)",
@@ -926,7 +927,7 @@ export const Home: React.FC<{ canEdit: boolean }> = ({ canEdit }) => {
style={{ style={{
display: "grid", display: "grid",
gridTemplateColumns: `repeat(${row.length}, 1fr)`, gridTemplateColumns: `repeat(${row.length}, 1fr)`,
gap: "6px", gap: "7px",
}} }}
> >
{row.map((keyItem) => ( {row.map((keyItem) => (
@@ -934,7 +935,7 @@ export const Home: React.FC<{ canEdit: boolean }> = ({ canEdit }) => {
key={keyItem} key={keyItem}
size="small" size="small"
onClick={() => handleSearchKeyPress(keyItem)} onClick={() => handleSearchKeyPress(keyItem)}
style={{ height: "28px", fontSize: "11px", padding: 0 }} style={{ height: "32px", fontSize: "12px", padding: 0 }}
> >
{keyItem === "⌫" ? "⌫" : keyItem.toUpperCase()} {keyItem === "⌫" ? "⌫" : keyItem.toUpperCase()}
</Button> </Button>