fantasticit
/
think
mirror of https://github.com/fantasticit/think.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: fix style on mobile

pull/25/head
fantasticit 2022-04-03 20:54:18 +08:00
parent 719f3ab4cc
commit c39e89b81a
3 changed files with 29 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/client/src/pages/_document.tsx 100644
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>
);
}

9
packages/client/src/tiptap/styles/selection.scss
View File

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

13
packages/client/src/tiptap/styles/table.scss
View File

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