1
0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-01-31 14:08:06 +08:00

style: Optimize layout style (#7354)

This commit is contained in:
2024-12-12 22:20:21 +08:00 committed by GitHub
parent c95d61397d
commit 1ff4f33ceb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 20 additions and 3 deletions

View File

@ -1246,7 +1246,7 @@ const message = {
infoDetail: 'File properties', infoDetail: 'File properties',
root: 'Root directory', root: 'Root directory',
list: 'File list', list: 'File list',
sub: 'Include subdirectories', sub: 'Subdirectories',
downloadSuccess: 'Successfully downloaded', downloadSuccess: 'Successfully downloaded',
theme: 'Theme', theme: 'Theme',
language: 'Language', language: 'Language',

View File

@ -460,4 +460,14 @@ html.dark {
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
background-color: var(--panel-main-bg-color-10); background-color: var(--panel-main-bg-color-10);
} }
.custom-input-textarea {
background-color: var(--panel-main-bg-color-10) !important;
color: var(--el-color-info) !important;
}
.custom-input-textarea:hover {
background-color: var(--panel-main-bg-color-9) !important;
color: var(--el-color-primary) !important;
}
} }

View File

@ -263,3 +263,10 @@ html {
background-color: #f5f7fa !important; background-color: #f5f7fa !important;
color: var(--el-color-info) !important; color: var(--el-color-info) !important;
} }
.custom-input-textarea:hover {
color: var(--el-color-primary) !important;
background-color: var(--el-color-primary-light-9) !important;
border-color: var(--el-button-border-color) !important;
}

View File

@ -38,7 +38,7 @@
<el-row style="margin-top: 20px" v-if="confShowType === 'base'"> <el-row style="margin-top: 20px" v-if="confShowType === 'base'">
<el-col :span="1"><br /></el-col> <el-col :span="1"><br /></el-col>
<el-col :xs="24" :sm="24" :md="15" :lg="12" :xl="10"> <el-col :xs="24" :sm="24" :md="15" :lg="12" :xl="10">
<el-form :model="form" label-position="left" :rules="rules" ref="formRef" label-width="120px"> <el-form :model="form" label-position="left" :rules="rules" ref="formRef" label-width="auto">
<el-form-item :label="$t('container.mirrors')" prop="mirrors"> <el-form-item :label="$t('container.mirrors')" prop="mirrors">
<div <div
class="flex w-full justify-start flex-col sm:flex-row sm:items-end" class="flex w-full justify-start flex-col sm:flex-row sm:items-end"

View File

@ -386,7 +386,7 @@
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('file.mode')" prop="mode" max-width="50"> <el-table-column :label="$t('file.mode')" prop="mode" max-width="50" min-width="110px">
<template #default="{ row }"> <template #default="{ row }">
<el-link :underline="false" @click="openMode(row)">{{ row.mode }}</el-link> <el-link :underline="false" @click="openMode(row)">{{ row.mode }}</el-link>
</template> </template>