gh_mirrors/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-03-15 10:14:44 +08:00
Code

style: 修改停用提示的样式

Browse Source
This commit is contained in:
zhengkunwang223 2023-03-16 15:15:03 +08:00 committed by f2c-ci-robot[bot]
parent 7c037b68cd
commit e044ca7d12
4 changed files with 23 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/layout/layout-content.vue
View File

@ -133,4 +133,8 @@ const showBack = computed(() => {
border: 0; border: 0;
border-top: var(--panel-border); border-top: var(--panel-border);
} }
.main-box {
position: relative;
}
</style> </style>

16
frontend/src/styles/common.scss
View File

@ -176,9 +176,12 @@
.mask-prompt { .mask-prompt {
position: absolute; position: absolute;
z-index: 9999; z-index: 9999;
top: 25%; top: 220px;
left: 50%; left: 45%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 300px;
text-align: center;
font-size: 14px;
} }
.table-button { .table-button {
@ -287,3 +290,12 @@
color: #646a73; color: #646a73;
} }
.table-link {
color: $primary-color;
font-weight: bold;
cursor: pointer;
}
.table-link:hover {
opacity: 0.6;
}

12
frontend/src/views/host/file-management/index.vue
View File

@ -88,7 +88,7 @@
<template #default="{ row }"> <template #default="{ row }">
<svg-icon v-if="row.isDir" className="table-icon" iconName="p-file-folder"></svg-icon> <svg-icon v-if="row.isDir" className="table-icon" iconName="p-file-folder"></svg-icon>
<svg-icon v-else className="table-icon" :iconName="getIconName(row.extension)"></svg-icon> <svg-icon v-else className="table-icon" :iconName="getIconName(row.extension)"></svg-icon>
<span class="file-name" @click="open(row)" type="primary">{{ row.name }}</span> <span class="table-link" @click="open(row)" type="primary">{{ row.name }}</span>
<span v-if="row.isSymlink">-> {{ row.linkPath }}</span> <span v-if="row.isSymlink">-> {{ row.linkPath }}</span>
</template> </template>
</el-table-column> </el-table-column>
@ -547,14 +547,4 @@ onMounted(() => {
display: inline; display: inline;
width: 20%; width: 20%;
} }
.file-name {
color: $primary-color;
font-weight: bold;
cursor: pointer;
}
.file-name:hover {
opacity: 0.6;
}
</style> </style>

17
frontend/src/views/website/website/index.vue
View File

@ -75,7 +75,9 @@
> >
<template #default="{ row }"> <template #default="{ row }">
<el-button link :icon="Promotion" @click="openUrl(row)"></el-button> <el-button link :icon="Promotion" @click="openUrl(row)"></el-button>
<span class="primary-domain" @click="openConfig(row.id)">{{ row.primaryDomain }}</span> <span class="table-link" style="margin-left: 10px" @click="openConfig(row.id)">
{{ row.primaryDomain }}
</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('commons.table.type')" fix show-overflow-tooltip prop="type"> <el-table-column :label="$t('commons.table.type')" fix show-overflow-tooltip prop="type">
@ -145,7 +147,7 @@
/> />
</ComplexTable> </ComplexTable>
<el-card width="30%" v-if="nginxStatus != 'Running'" class="mask-prompt"> <el-card width="30%" v-if="nginxStatus != 'Running'" class="mask-prompt">
<span style="font-size: 14px">{{ $t('commons.service.serviceNotStarted', ['OpenResty']) }}</span> <span>{{ $t('commons.service.serviceNotStarted', ['OpenResty']) }}</span>
</el-card> </el-card>
</template> </template>
</LayoutContent> </LayoutContent>
@ -410,15 +412,4 @@ onMounted(() => {
float: right; float: right;
display: inline; display: inline;
} }
.primary-domain {
margin-left: 10px;
color: $primary-color;
font-weight: bold;
cursor: pointer;
}
.primary-domain:hover {
opacity: 0.6;
}
</style> </style>