mirror of
https://github.com/SECTL/SecScore.git
synced 2026-07-21 11:49:02 +08:00
优化26键搜索小键盘尺寸并居中显示
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user