1Panel-dev/1Panel
1
1
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2024-09-20 15:45:57 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: 修改样式

Browse source
This commit is contained in:
wangdan 2023-02-02 19:10:55 +08:00 committed by wangdan-fit2cloud
parent fa668f8956
commit 2d3fce1d3e
9 changed files with 84 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/components/app-layout/menu/index.scss
View file

@ -84,7 +84,7 @@
}
}
:deep .el-sub-menu {
:deep(.el-sub-menu) {
margin: 10px;
span {

17
frontend/src/styles/index.scss
View file

@ -1 +1,18 @@
@use 'fit2cloud-ui-plus/src/styles/index.scss';
.search-button {
.el-input__wrapper {
border-radius: 50px;
}
}
// drawer头部增加按钮
.drawer-header-button {
span {
color: currentColor !important;
font-size: var(--el-font-size-base) !important;
}
.active-button {
color: var(--el-button-hover-text-color);
border-color: var(--el-button-hover-border-color);
}
}

19
frontend/src/views/app-store/apps/index.vue
View file

@ -3,15 +3,22 @@
<template #toolbar>
<el-row :gutter="5">
<el-col :span="20">
<el-button @click="changeTag('all')" type="primary" :link="activeTag !== 'all'">
<el-button
class="tag-button"
:class="activeTag === 'all' ? '' : 'no-active'"
@click="changeTag('all')"
:type="activeTag === 'all' ? 'primary' : ''"
:plain="activeTag !== 'all'"
>
{{ $t('app.all') }}
</el-button>
<div v-for="item in tags" :key="item.key" style="display: inline">
<el-button
class="tag-button"
:class="activeTag === item.key ? '' : 'no-active'"
@click="changeTag(item.key)"
type="primary"
:link="activeTag !== item.key"
:type="activeTag === item.key ? 'primary' : ''"
:plain="activeTag !== item.key"
>
{{ item.name }}
</el-button>
@ -220,6 +227,10 @@ onMounted(() => {
}
.tag-button {
margin-left: 30px;
margin-right: 10px;
&.no-active {
background: none;
border: none;
}
}
</style>

2
frontend/src/views/app-store/installed/index.vue
View file

@ -20,7 +20,7 @@
</div>
</el-col>
<el-col :span="4">
<div style="float: right">
<div style="float: right" class="search-button">
<el-input
class="table-button"
v-model="searchReq.name"

8
frontend/src/views/host/terminal/terminal/index.vue
View file

@ -352,23 +352,23 @@ defineExpose({
<style lang="scss" scoped>
.terminal-tabs {
:deep .el-tabs__header {
:deep(.el-tabs__header) {
padding: 0;
position: relative;
margin: 0 0 3px 0;
}
::deep .el-tabs__nav {
:deep(.el-tabs__nav) {
white-space: nowrap;
position: relative;
transition: transform var(--el-transition-duration);
float: left;
z-index: calc(var(--el-index-normal) + 1);
}
:deep .el-tabs__item {
:deep(.el-tabs__item) {
color: #575758;
padding: 0 0px;
}
:deep .el-tabs__item.is-active {
:deep(.el-tabs__item.is-active) {
color: #ebeef5;
background-color: #575758;
}

2
frontend/src/views/login/components/login-form.vue
View file

@ -397,7 +397,7 @@ onUnmounted(() => {
margin-top: 10px;
}
& :deep .el-input__inner {
&:deep(.el-input__inner) {
border-radius: 0;
}
}

56
frontend/src/views/website/website/create/index.vue
View file

@ -3,19 +3,34 @@
<template #header>
<DrawerHeader :header="$t('website.create')" :back="handleClose">
<template #buttons>
<el-button
type="primary"
:plain="website.type !== 'deployment'"
@click="website.type = 'deployment'"
>
{{ $t('website.deployment') }}
</el-button>
<el-button type="primary" :plain="website.type !== 'static'" @click="website.type = 'static'">
{{ $t('website.static') }}
</el-button>
<el-button type="primary" :plain="website.type !== 'proxy'" @click="website.type = 'proxy'">
{{ $t('website.proxy') }}
</el-button>
<span class="drawer-header-button">
<template v-for="item in buttonList" :key="item.value">
<el-button
:class="website.type === item.value ? 'active-button' : ''"
@click="website.type = item.value"
:type="website.type === item.value ? '' : 'info'"
:plain="website.type === item.value"
:text="website.type !== item.value"
:bg="website.type !== item.value"
>
{{ item.label }}
</el-button>
</template>
<!-- <el-button
type="primary"
:plain="website.type !== 'deployment'"
@click="website.type = 'deployment'"
>
{{ $t('website.deployment') }}
</el-button>
<el-button type="primary" :plain="website.type !== 'static'" @click="website.type = 'static'">
{{ $t('website.static') }}
</el-button>
<el-button type="primary" :plain="website.type !== 'proxy'" @click="website.type = 'proxy'">
{{ $t('website.proxy') }}
</el-button> -->
</span>
</template>
</DrawerHeader>
</template>
@ -180,6 +195,21 @@ import { reactive, ref } from 'vue';
import Params from '@/views/app-store/detail/params/index.vue';
import Check from '../check/index.vue';
const buttonList = [
{
label: i18n.global.t('website.deployment'),
value: 'deployment',
},
{
label: i18n.global.t('website.static'),
value: 'static',
},
{
label: i18n.global.t('website.proxy'),
value: 'proxy',
},
];
const websiteForm = ref<FormInstance>();
const website = ref({
primaryDomain: '',

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

@ -48,6 +48,7 @@
<template v-if="nginxIsExist && !openNginxConfig" #search>
<div :class="{ mask: nginxStatus != 'Running' }">
<el-select v-model="req.websiteGroupId" @change="search()">
<template #prefix>分组</template>
<el-option :label="$t('website.allGroup')" :value="0"></el-option>
<el-option
v-for="(group, index) in groups"

2
frontend/vite.config.ts
View file

@ -37,7 +37,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
open: viteEnv.VITE_OPEN,
proxy: {
'/api/v1': {
target: 'http://127.0.0.1:9999',
target: 'http://47.104.134.163:9999/',
changeOrigin: true,
},
},