gh_mirrors/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-01-19 00:09:16 +08:00
Code

style: Optimize style and layout (#7671)

Browse Source
This commit is contained in:
蘭 2025-01-08 18:19:37 +08:00 committed by GitHub
parent 87009ddb27
commit a82a4ebfc5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
7 changed files with 22 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/app-status/index.vue
View File

@ -243,6 +243,6 @@ defineExpose({
border: 1px solid var(--el-color-warning); border: 1px solid var(--el-color-warning);
background-color: transparent; background-color: transparent;
padding: 8px 8px; padding: 8px 8px;
width: 78px; max-width: 100px;
} }
</style> </style>

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

@ -36,7 +36,7 @@
</template> </template>
</back-button> </back-button>
<span v-else> <span v-else class="flex justify-between items-start sm:items-center flex-col sm:flex-row">
{{ title }} {{ title }}
<span v-if="slots.buttons"> <span v-if="slots.buttons">
<el-divider direction="vertical" /> <el-divider direction="vertical" />

6
frontend/src/components/router-button/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<el-card class="router_card"> <el-card class="router_card p-1 sm:p-0">
<div class="flex w-full flex-col items-center md:justify-between md:flex-row"> <div class="flex w-full flex-col justify-start sm:items-center items-start sm:justify-between sm:flex-row">
<el-radio-group v-model="activeName" @change="handleChange"> <el-radio-group v-model="activeName" @change="handleChange">
<el-radio-button <el-radio-button
class="router_card_button" class="router_card_button"
@ -15,7 +15,7 @@
</el-badge> </el-badge>
</el-radio-button> </el-radio-button>
</el-radio-group> </el-radio-group>
<div class="flex flex-row gap-2 md:flex-col lg:flex-row"> <div class="flex flex-col gap-2 sm:flex-row">
<slot name="route-button"></slot> <slot name="route-button"></slot>
</div> </div>
</div> </div>

2
frontend/src/views/app-store/apps/index.vue
View File

@ -55,7 +55,7 @@
</el-row> </el-row>
</template> </template>
<template #rightButton> <template #rightButton>
<div class="flex justify-end"> <div class="flex justify-end flex-col sm:flex-row">
<fu-table-pagination <fu-table-pagination
v-model:current-page="paginationConfig.currentPage" v-model:current-page="paginationConfig.currentPage"
v-model:page-size="paginationConfig.pageSize" v-model:page-size="paginationConfig.pageSize"

2
frontend/src/views/container/container/index.vue
View File

@ -7,7 +7,7 @@
</el-card> </el-card>
<LayoutContent :title="$t('container.container', 2)" :class="{ mask: dockerStatus != 'Running' }"> <LayoutContent :title="$t('container.container', 2)" :class="{ mask: dockerStatus != 'Running' }">
<template #rightButton> <template #rightButton>
<div class="flex justify-end"> <div class="flex justify-end flex-col sm:flex-row">
<div class="mr-10"> <div class="mr-10">
<el-checkbox v-model="includeAppStore" @change="search()"> <el-checkbox v-model="includeAppStore" @change="search()">
{{ $t('container.includeAppstore') }} {{ $t('container.includeAppstore') }}

34
frontend/src/views/home/app/index.vue
View File

@ -2,25 +2,19 @@
<div> <div>
<el-scrollbar height="525px" class="moz-height"> <el-scrollbar height="525px" class="moz-height">
<div class="h-app-card" v-for="(app, index) in apps" :key="index"> <div class="h-app-card" v-for="(app, index) in apps" :key="index">
<el-row :gutter="10"> <div class="flex justify-start items-center gap-2">
<el-col :span="5"> <div class="w-14">
<div> <el-avatar shape="square" :size="55" :src="'data:image/png;base64,' + app.icon" />
<el-avatar shape="square" :size="55" :src="'data:image/png;base64,' + app.icon" /> </div>
<div class="flex-1 flex flex-col h-app-content">
<span class="h-app-title">{{ app.name }}</span>
<div class="h-app-desc">
<span>
{{ language == 'zh' || language == 'tw' ? app.shortDescZh : app.shortDescEn }}123123
</span>
</div> </div>
</el-col> </div>
<el-col :span="15"> <div>
<div class="h-app-content">
<div>
<span class="h-app-title">{{ app.name }}</span>
</div>
<div class="h-app-desc">
<span>
{{ language == 'zh' || language == 'tw' ? app.shortDescZh : app.shortDescEn }}
</span>
</div>
</div>
</el-col>
<el-col :span="2">
<el-button <el-button
class="h-app-button" class="h-app-button"
type="primary" type="primary"
@ -32,8 +26,8 @@
> >
{{ $t('app.install') }} {{ $t('app.install') }}
</el-button> </el-button>
</el-col> </div>
</el-row> </div>
<div class="h-app-divider" /> <div class="h-app-divider" />
</div> </div>
</el-scrollbar> </el-scrollbar>

2
frontend/src/views/toolbox/index.vue
View File

@ -2,7 +2,7 @@
<div> <div>
<RouterButton :buttons="buttons"> <RouterButton :buttons="buttons">
<template #route-button> <template #route-button>
<div class="router-button"> <div class="router-button mr-0 sm:mr-7">
<el-button link type="primary" @click="onRestart('1panel')"> <el-button link type="primary" @click="onRestart('1panel')">
{{ $t('home.restart_1panel') }} {{ $t('home.restart_1panel') }}
</el-button> </el-button>