gh_mirrors/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-01-18 15:59: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);
background-color: transparent;
padding: 8px 8px;
width: 78px;
max-width: 100px;
}
</style>

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

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

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

@ -1,6 +1,6 @@
<template>
<el-card class="router_card">
<div class="flex w-full flex-col items-center md:justify-between md:flex-row">
<el-card class="router_card p-1 sm:p-0">
<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-button
class="router_card_button"
@ -15,7 +15,7 @@
</el-badge>
</el-radio-button>
</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>
</div>
</div>

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

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

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

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

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

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

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

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