openSourceRemote/mind-map
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复在小屏幕下侧边栏和工具栏重叠的问题

Browse Source
This commit is contained in:
wanglin2 2022-10-24 10:28:50 +08:00
parent f663f8d60a
commit 3e84892a28
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/pages/Edit/components/Sidebar.vue
View File

@ -51,7 +51,7 @@ export default {
.sidebarContainer { .sidebarContainer {
position: fixed; position: fixed;
right: -300px; right: -300px;
top: 100px; top: 110px;
bottom: 0; bottom: 0;
width: 300px; width: 300px;
background-color: #fff; background-color: #fff;

3
web/src/pages/Edit/components/Toolbar.vue
View File

@ -430,6 +430,7 @@ export default {
position: fixed; position: fixed;
left: 0; left: 0;
top: 0; top: 0;
right: 0;
display: flex; display: flex;
padding: 0 20px; padding: 0 20px;
padding-top: 20px; padding-top: 20px;
@ -438,6 +439,7 @@ export default {
font-weight: 400; font-weight: 400;
color: rgba(26, 26, 26, 0.8); color: rgba(26, 26, 26, 0.8);
z-index: 2; z-index: 2;
overflow-x: auto;
.toolbarBlock { .toolbarBlock {
display: flex; display: flex;
@ -447,6 +449,7 @@ export default {
box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.06);
border: 1px solid rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.06);
margin-right: 20px; margin-right: 20px;
flex-shrink: 0;
&:last-of-type { &:last-of-type {
margin-right: 0; margin-right: 0;