Vasanko/cista-storage
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Test frontend #only_compile

Browse Source
This commit is contained in:
Andy-Ruda
2023-10-25 23:31:13 -05:00
parent f2b37852da
commit 3672156b5e
5 changed files with 56 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
cista-front/src/components/FileExplorer.vue
View File

@@ -16,13 +16,13 @@
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'name'">
<div class="editable-cell">
<div v-if="editableData[record.key]" class="editable-cell-input-wrapper">
<a-input v-model:value="editableData[record.key].name" @pressEnter="save(record.key)" />
<CheckOutlined class="editable-cell-icon-check" @click="save(record.key)" />
<div v-if="editableData[record.key]" class="action-container editable-cell-input-wrapper">
<a-input class="name" v-model:value="editableData[record.key].name" @pressEnter="save(record.key)" />
<CheckOutlined class="edit-action editable-cell-icon-check" @click="save(record.key)" />
</div>
<div v-else class="editable-cell-text-wrapper">
<a :href="`#${linkBasePath}/${record.name}`">{{record.name}}</a>
<edit-outlined class="editable-cell-icon" @click="edit(record.key)" />
<div v-else class="action-container editable-cell-text-wrapper">
<a class="name" :href="`#${linkBasePath}/${record.name}`">{{record.name}}</a>
<edit-outlined class="edit-action editable-cell-icon" @click="edit(record.key)" />
</div>
</div>
</template>
@@ -162,6 +162,12 @@
.action-container{
display: flex;
}
.name{
max-width: 70%;
}
.edit-action{
min-width: 10%;
}
.carousel-container{
height: inherit;
}