1Panel-dev/1Panel
1
1
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2024-09-20 15:45:57 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse source
This commit is contained in:
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;
float: right;
margin-right: 50px;
}
}

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

@ -112,7 +112,11 @@
<el-table :data="favorites">
<el-table-column prop="name">
<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
v-if="row.isDir"
className="table-icon"
@ -176,7 +180,7 @@
<template #default="{ row, $index }">
<div @mouseenter="showFavorite($index)" @mouseleave="hideFavorite">
<el-row>
<el-col :span="23">
<el-col :span="1">
<svg-icon
v-if="row.isDir"
className="table-icon"
@ -187,25 +191,33 @@
className="table-icon"
:iconName="getIconName(row.extension)"
></svg-icon>
<span class="table-link" @click="open(row)" type="primary">{{ row.name }}</span>
<span v-if="row.isSymlink">-> {{ row.linkPath }}</span>
</el-col>
<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 :span="1">
<el-button
v-if="row.favoriteID > 0"
link
type="warning"
size="large"
:icon="StarFilled"
@click="removeFavorite(row.favoriteID)"
></el-button>
<div v-else>
<div>
<el-button
v-if="hoveredRowIndex === $index"
v-if="row.favoriteID > 0"
link
:icon="Star"
@click="addFavorite(row)"
type="warning"
size="large"
:icon="StarFilled"
@click="removeFavorite(row.favoriteID)"
></el-button>
<div v-else>
<el-button
v-if="hoveredRowIndex === $index"
link
:icon="Star"
@click="addFavorite(row)"
></el-button>
</div>
</div>
</el-col>
</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 {
max-height: 650px;
overflow: auto;