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

style: Optimize page style (#8562)

Browse source
This commit is contained in:
蘭 2025-05-07 17:41:39 +08:00 • committed by GitHub
parent a400caa114
commit af2b53412d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 23 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/components/layout-content/index.vue
View file

@ -127,7 +127,7 @@ const showBack = computed(() => {
}
.content-container__main {
margin-top: 7px;
margin-top: 10px;
}
.prompt {

3
frontend/src/layout/components/Tabs/index.vue
View file

@ -80,4 +80,7 @@ const dropdownVisibleChange = (visible, tabPath) => {
:deep(.el-tabs__header) {
margin: 0;
}
.common-tabs {
margin-bottom: 7px;
}
</style>

2
frontend/src/layout/index.vue
View file

@ -2,7 +2,7 @@
<div :class="classObj" class="app-wrapper" v-loading="loading" :element-loading-text="loadingText" fullscreen>
<div v-if="classObj.mobile && classObj.openSidebar" class="drawer-bg" @click="handleClickOutside" />
<div class="app-sidebar" v-if="!globalStore.isFullScreen">
<el-affix :offset="17" class="affix">
<el-affix :offset="15" class="affix">
<el-tooltip
:content="menuStore.isCollapse ? $t('commons.button.expand') : $t('commons.button.collapse')"
>

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

@ -272,7 +272,7 @@ html {
}
.card-interval {
margin-top: 7px;
margin-top: 7px !important;
}
.p-w-300 {

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

@ -354,6 +354,8 @@
:data="data"
@search="search"
@sort-change="changeSort"
@cell-mouse-enter="showFavorite"
@cell-mouse-leave="hideFavorite"
:heightDiff="300"
>
<el-table-column type="selection" width="30" />
@ -366,7 +368,7 @@
prop="name"
>
<template #default="{ row, $index }">
<div class="file-row" @mouseenter="showFavorite($index)" @mouseleave="hideFavorite">
<div class="file-row">
<div>
<svg-icon
v-if="row.isDir"
@ -487,20 +489,20 @@
</template>
<script setup lang="ts">
import { nextTick, onMounted, reactive, ref, computed } from '@vue/runtime-core';
import { computed, nextTick, onMounted, reactive, ref } from '@vue/runtime-core';
import {
getFilesList,
getFileContent,
computeDirSize,
addFavorite,
computeDirSize,
fileWgetKeys,
getFileContent,
getFilesList,
removeFavorite,
searchFavorite,
fileWgetKeys,
searchHostMount,
} from '@/api/modules/files';
import { computeSize, copyText, dateFormat, getFileType, getIcon, getRandomStr, downloadFile } from '@/utils/util';
import { computeSize, copyText, dateFormat, downloadFile, getFileType, getIcon, getRandomStr } from '@/utils/util';
import { File } from '@/api/interface/file';
import { Mimetypes, Languages } from '@/global/mimetype';
import { Languages, Mimetypes } from '@/global/mimetype';
import { useRouter } from 'vue-router';
import { MsgWarning } from '@/utils/message';
import { useSearchable } from './hooks/searchable';
@ -1102,8 +1104,8 @@ const changeSort = ({ prop, order }) => {
search();
};
const showFavorite = (index: any) => {
hoveredRowIndex.value = index;
const showFavorite = (row: any) => {
hoveredRowIndex.value = data.value.findIndex((item) => item === row);
};
const hideFavorite = () => {

8
frontend/src/views/website/website/index.vue
View file

@ -79,6 +79,8 @@
:class="{ mask: nginxStatus != 'Running' }"
:heightDiff="310"
:columns="columns"
@cell-mouse-enter="showFavorite"
@cell-mouse-leave="hideFavorite"
localKey="websiteColumn"
>
<el-table-column
@ -91,7 +93,7 @@
show-overflow-tooltip
>
<template #default="{ row, $index }">
<div class="name-row" @mouseenter="showFavorite($index)" @mouseleave="hideFavorite">
<div class="name-row">
<div>
<el-text type="primary" class="cursor-pointer" @click="openConfig(row.id)">
{{ row.primaryDomain }}
@ -376,8 +378,8 @@ const goRouter = async (key: string) => {
router.push({ name: 'AppAll', query: { install: key } });
};
const showFavorite = (index: any) => {
hoveredRowIndex.value = index;
const showFavorite = (row: any) => {
hoveredRowIndex.value = data.value.findIndex((item) => item === row);
};
const hideFavorite = () => {