1Panel-dev/1Panel
1
1
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-10-10 23:47:39 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

style(common): (#8064)

Browse source 
Adjust file selection UI
This commit is contained in:
zhengkunwang 2025-03-05 14:20:21 +08:00 • committed by GitHub
parent 4b1154209b
commit 8d2ea2f233
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 11 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
frontend/src/components/file-list/index.vue
View file

@ -14,26 +14,20 @@
<el-button class="close" link @click="closePage" icon="Close"></el-button> <el-button class="close" link @click="closePage" icon="Close"></el-button>
<div> <div>
<el-button type="text" icon="HomeFilled" @click="jump(-1)"></el-button> <el-button type="text" icon="HomeFilled" @click="jump(-1)"></el-button>
<el-button v-if="paths.length > 0" type="text"> <el-button v-if="paths.length > 0" type="text" @click="jump(0)">/{{ paths[0] }}</el-button>
{{ paths[0] }}
</el-button>
<el-popover v-if="paths.length > 2" placement="bottom" trigger="hover"> <el-popover v-if="paths.length > 2" placement="bottom" trigger="hover">
<template #reference> <template #reference>
<el-button type="text">...</el-button> <el-button type="text">...</el-button>
</template> </template>
<div class="hidden-paths"> <div class="hidden-paths">
<el-button <div v-for="(item, index) in paths.slice(1, -1)" :key="index">
v-for="(item, index) in paths.slice(1, -1)" <svg-icon :class="'table-icon'" iconName="p-file-folder"></svg-icon>
:key="index" <el-link :underline="false" @click="jump(index + 1)">{{ item }}</el-link>
type="text" </div>
@click="jump(index)"
>
{{ item }}
</el-button>
</div> </div>
</el-popover> </el-popover>
<el-button v-if="paths.length > 1" type="text" @click="jump(paths.length - 1)"> <el-button v-if="paths.length > 1" type="text" @click="jump(paths.length - 1)">
{{ paths[paths.length - 1] }} /{{ paths[paths.length - 1] }}
</el-button> </el-button>
</div> </div>
</div> </div>
@ -75,7 +69,7 @@
<el-input <el-input
ref="rowRefs" ref="rowRefs"
v-model="newFolder" v-model="newFolder"
style="width: 200px" class="p-w-200"
placeholder="new folder" placeholder="new folder"
@input="handleChange(newFolder, row)" @input="handleChange(newFolder, row)"
></el-input> ></el-input>
@ -323,7 +317,7 @@ onUpdated(() => {
}); });
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.file-list { .file-list {
position: relative; position: relative;
.close { .close {

2
frontend/src/views/website/runtime/node/module/index.vue
View file

@ -72,7 +72,7 @@ const buttons = [
}, },
}, },
{ {
label: i18n.global.t('commons.commons.button.uninstall'), label: i18n.global.t('commons.button.uninstall'),
click: function (row: Runtime.Runtime) { click: function (row: Runtime.Runtime) {
operateModule('uninstall', row.name); operateModule('uninstall', row.name);
}, },

3
frontend/src/views/website/runtime/php/extension-management/index.vue
View file

@ -36,6 +36,7 @@ import i18n from '@/lang';
import { ref } from 'vue'; import { ref } from 'vue';
import { newUUID } from '@/utils/util'; import { newUUID } from '@/utils/util';
import { MsgSuccess } from '@/utils/message'; import { MsgSuccess } from '@/utils/message';
import TaskLog from '@/components/log/task/index.vue';
const open = ref(false); const open = ref(false);
const runtime = ref(); const runtime = ref();
@ -59,7 +60,7 @@ const buttons = [
}, },
}, },
{ {
label: i18n.global.t('commons.commons.button.uninstall'), label: i18n.global.t('commons.button.uninstall'),
click: function (row: Runtime.SupportExtension) { click: function (row: Runtime.SupportExtension) {
unInstallPHPExtension(row); unInstallPHPExtension(row);
}, },