new_org
/
whale-anno
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 优化标题和左侧列表展示，防止遮挡贴边

This commit is contained in:
maxmon 2023-04-12 23:19:36 +08:00
parent e6028a8b18
commit e40e2678ad
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
fe/src/components/NER/index.vue
View File

@ -2,7 +2,7 @@
<div class="layout"> <div class="layout">
<span class="home" @click="goHome">whaleAnno</span> <span class="home" @click="goHome">whaleAnno</span>
<span class="now-file">{{ nowFile }}</span> <span class="now-file">{{ nowFile }}</span>
<h1 class="out-title">{{projectName}}（{{projectType}}）</h1> <h1 class="out-title"><span class="out-title-span">{{projectName}}（{{projectType}}）</span></h1>
<div class="container" @dragover="stopPrev" @drop="setFiles($event)"> <div class="container" @dragover="stopPrev" @drop="setFiles($event)">
<div class="left"> <div class="left">
<div class="file-list" id="file-list"> <div class="file-list" id="file-list">
@ -811,6 +811,10 @@ export default {
font-weight: 700; font-weight: 700;
vertical-align: center; vertical-align: center;
} }
.home {
background: #1161ca;
z-index: 2;
}
.now-file { .now-file {
left: unset; left: unset;
right: 0; right: 0;
@ -827,6 +831,12 @@ export default {
box-sizing: border-box; box-sizing: border-box;
vertical-align: middle; vertical-align: middle;
} }
.out-title>.out-title-span {
position: relative;
padding: 0 4px;
display: inline-block;
background: #1161ca;
}
.layout { .layout {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -850,11 +860,13 @@ export default {
} }
.left .file { .left .file {
margin: 12px 0; margin: 12px 0;
padding: 0 4px;
cursor: pointer; cursor: pointer;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
box-sizing: border-box;
} }
.left .file.checked { .left .file.checked {
position: relative; position: relative;