fix: fix style on mobile

This commit is contained in:
fantasticit 2022-04-03 20:54:18 +08:00
parent 719f3ab4cc
commit c39e89b81a
3 changed files with 29 additions and 8 deletions

View File

@ -0,0 +1,15 @@
import { Html, Head, Main, NextScript } from 'next/document';
export default function Document() {
return (
<Html>
<Head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
}

View File

@ -69,7 +69,8 @@
position: relative;
user-select: text;
&:hover {
&:hover,
&:active {
border: 1px solid var(--node-hover-border-color);
}
}
@ -85,7 +86,8 @@
position: relative;
border: 1px solid var(--node-selected-border-color) !important;
&:hover {
&:hover,
&:active {
border-color: var(--node-selected-border-color);
box-shadow: none;
}
@ -104,7 +106,8 @@
.node-image {
.render-wrapper {
position: relative;
&:hover {
&:hover,
&:active {
&::after {
position: absolute;
content: '';

View File

@ -1,7 +1,7 @@
.ProseMirror {
.tableWrapper {
max-width: 100%;
margin-top: .75em;
margin-top: 0.75em;
overflow: auto;
&.has-focus {
@ -12,6 +12,9 @@
table {
table-layout: fixed;
border-collapse: collapse;
border-width: 1px;
border-style: solid;
border-color: var(--semi-color-fill-2);
td,
th {
@ -48,7 +51,7 @@
z-index: 10;
display: block;
width: 100%;
height: .7em;
height: 0.7em;
margin-bottom: 3px;
cursor: pointer;
background: #ced4da;
@ -65,7 +68,7 @@
left: -1em;
z-index: 10;
display: block;
width: .7em;
width: 0.7em;
height: 100%;
margin-right: 3px;
cursor: pointer;
@ -83,8 +86,8 @@
left: -1em;
z-index: 10;
display: block;
width: .8em;
height: .8em;
width: 0.8em;
height: 0.8em;
cursor: pointer;
background: #ced4da;
border-radius: 50%;