mirror/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2024-11-27 12:39:01 +08:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

perf: 优化主题色及样式 (#7009)

Browse Source
This commit is contained in:
蘭 2024-11-12 13:48:49 +08:00 committed by GitHub
parent ee947b6468
commit f2849aa6ec
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 22 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -72,13 +72,9 @@
:content="$t('website.openrestyHelper', [httpPort, httpsPort])" :content="$t('website.openrestyHelper', [httpPort, httpsPort])"
placement="top-start" placement="top-start"
> >
<el-alert <el-button size="small" type="warning" :icon="Warning">
:title="$t('app.checkTitle')" {{ $t('app.checkTitle') }}
:closable="false" </el-button>
type="warning"
show-icon
class="h-8"
/>
</el-tooltip> </el-tooltip>
</div> </div>
</div> </div>
@ -113,6 +109,7 @@ import { ElMessageBox } from 'element-plus';
import i18n from '@/lang'; import i18n from '@/lang';
import { MsgSuccess } from '@/utils/message'; import { MsgSuccess } from '@/utils/message';
import { ClearNginxCache } from '@/api/modules/nginx'; import { ClearNginxCache } from '@/api/modules/nginx';
import { Warning } from '@element-plus/icons-vue';
const props = defineProps({ const props = defineProps({
appKey: { appKey: {

2
frontend/src/styles/element-dark.scss
View File

@ -114,7 +114,7 @@ html.dark {
.el-tag.el-tag--primary { .el-tag.el-tag--primary {
--el-tag-bg-color: var(--panel-main-bg-color-9); --el-tag-bg-color: var(--panel-main-bg-color-9);
--el-tag-border-color: var(--panel-color-primary-light-8); --el-tag-border-color: var(--panel-main-bg-color-8);
--el-tag-hover-color: var(--panel-color-primary); --el-tag-hover-color: var(--panel-color-primary);
} }

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

@ -100,10 +100,19 @@
<el-col :xs="16" :sm="18" :md="18" :lg="18" :xl="19"> <el-col :xs="16" :sm="18" :md="18" :lg="18" :xl="19">
<div class="app-content"> <div class="app-content">
<div class="app-header"> <div class="app-header">
<span class="app-title">{{ app.name }}</span> <el-space wrap :size="1">
<el-text type="success" class="!ml-2" v-if="app.installed"> <span class="app-title">{{ app.name }}</span>
{{ $t('app.allReadyInstalled') }} <el-tag
</el-text> type="success"
v-if="app.installed"
round
size="small"
class="!ml-2"
>
{{ $t('app.allReadyInstalled') }}
</el-tag>
</el-space>
<el-button <el-button
class="app-button" class="app-button"
type="primary" type="primary"

4
frontend/src/views/login/components/login-form.vue
View File

@ -534,6 +534,10 @@ onMounted(() => {
margin-top: -20px; margin-top: -20px;
margin-left: 20px; margin-left: 20px;
} }
:deep(.el-input__inner) {
color: #000 !important;
}
} }
.cursor-pointer { .cursor-pointer {
outline: none; outline: none;