github
/
1Panel
mirror of https://github.com/1Panel-dev/1Panel
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

style: 修改文件列表部分样式 (#2758)

pull/2760/head
zhengkunwang 2023-11-01 14:22:33 +08:00 committed by GitHub
parent 00cad5b586
commit 9acd315fef
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 41 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/styles/common.scss
View File

@ -382,4 +382,4 @@ html {
margin-top: 12px; margin-top: 12px;
float: right; float: right;
margin-right: 50px; margin-right: 50px;
} }

56
frontend/src/views/host/file-management/index.vue
View File

@ -112,7 +112,11 @@
<el-table :data="favorites"> <el-table :data="favorites">
<el-table-column prop="name"> <el-table-column prop="name">
<template #default="{ row }"> <template #default="{ row }">
<span class="table-link" @click="toFavorite(row)" type="primary"> <span
class="table-link text-ellipsis"
@click="toFavorite(row)"
type="primary"
>
<svg-icon <svg-icon
v-if="row.isDir" v-if="row.isDir"
className="table-icon" className="table-icon"
@ -176,7 +180,7 @@
<template #default="{ row, $index }"> <template #default="{ row, $index }">
<div @mouseenter="showFavorite($index)" @mouseleave="hideFavorite"> <div @mouseenter="showFavorite($index)" @mouseleave="hideFavorite">
<el-row> <el-row>
<el-col :span="23"> <el-col :span="1">
<svg-icon <svg-icon
v-if="row.isDir" v-if="row.isDir"
className="table-icon" className="table-icon"
@ -187,25 +191,33 @@
className="table-icon" className="table-icon"
:iconName="getIconName(row.extension)" :iconName="getIconName(row.extension)"
></svg-icon> ></svg-icon>
<span class="table-link" @click="open(row)" type="primary">{{ row.name }}</span> </el-col>
<span v-if="row.isSymlink">-> {{ row.linkPath }}</span> <el-col :span="22">
<div class="text-parent">
<span class="table-link text-ellipsis" @click="open(row)" type="primary">
{{ row.name }}
</span>
<span v-if="row.isSymlink">-> {{ row.linkPath }}</span>
</div>
</el-col> </el-col>
<el-col :span="1"> <el-col :span="1">
<el-button <div>
v-if="row.favoriteID > 0"
link
type="warning"
size="large"
:icon="StarFilled"
@click="removeFavorite(row.favoriteID)"
></el-button>
<div v-else>
<el-button <el-button
v-if="hoveredRowIndex === $index" v-if="row.favoriteID > 0"
link link
:icon="Star" type="warning"
@click="addFavorite(row)" size="large"
:icon="StarFilled"
@click="removeFavorite(row.favoriteID)"
></el-button> ></el-button>
<div v-else>
<el-button
v-if="hoveredRowIndex === $index"
link
:icon="Star"
@click="addFavorite(row)"
></el-button>
</div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@ -895,6 +907,18 @@ onMounted(() => {
} }
} }
.text-parent {
display: flex;
width: 100%;
margin-left: 2px;
}
.text-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.favorite-item { .favorite-item {
max-height: 650px; max-height: 650px;
overflow: auto; overflow: auto;