openSourceRemote/mind-map
2
0
Fork 0
Code Issues Pull Requests Actions 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
Show Stats 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 { .countContainer {
display: none; 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 { .navigatorContainer {
left: 20px; left: 20px;
overflow-x: auto; overflow-x: auto;
overflow-y: hidden;
height: 60px;
} }
} }
</style> </style>

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

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