FE/mind-map
1
0
Fork 0
mirror of https://github.com/wanglin2/mind-map.git synced 2026-02-17 14:04:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

Demo：调整界面样式

Browse Source
This commit is contained in:
wanglin2
2023-10-18 13:45:42 +08:00
parent 5b057ff9de
commit abddafa3cf
3 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -116,7 +116,7 @@ export default {
}
}
@media screen and (max-width: 635px) {
@media screen and (max-width: 740px) {
.countContainer {
display: none;
}

4
web/src/pages/Edit/components/NavigatorToolbar.vue
View File

@@ -233,10 +233,12 @@ export default {
}
}
@media screen and (max-width: 502px) {
@media screen and (max-width: 590px) {
.navigatorContainer {
left: 20px;
overflow-x: auto;
overflow-y: hidden;
height: 60px;
}
}
</style>

19
web/src/pages/Edit/components/ShortcutKey.vue
View File

@@ -10,8 +10,8 @@
class="icon iconfont"
:class="[item2.icon]"
></span>
<span class="name">{{ item2.name }}</span>
<div class="value">{{ item2.value }}</div>
<span class="name" :title="item2.name">{{ item2.name }}</span>
<div class="value" :title="item2.value">{{ item2.value }}</div>
</div>
</div>
</div>
@@ -67,16 +67,15 @@ export default {
.list {
.item {
.icon {
color: hsla(0,0%,100%,.6);
color: hsla(0, 0%, 100%, 0.6);
}
.name {
color: hsla(0,0%,100%,.6);
color: hsla(0, 0%, 100%, 0.6);
}
.value {
color: hsla(0,0%,100%,.3);
color: hsla(0, 0%, 100%, 0.3);
}
}
}
@@ -104,11 +103,17 @@ export default {
.name {
color: #333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.value {
color: #909090;
margin-left: auto;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}