1
0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-03-13 17:24:44 +08:00

style: 修改停用提示的样式

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

View File

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

View File

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

View File

@ -88,7 +88,7 @@
<template #default="{ row }">
<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>
<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>
</template>
</el-table-column>
@ -547,14 +547,4 @@ onMounted(() => {
display: inline;
width: 20%;
}
.file-name {
color: $primary-color;
font-weight: bold;
cursor: pointer;
}
.file-name:hover {
opacity: 0.6;
}
</style>

View File

@ -75,7 +75,9 @@
>
<template #default="{ row }">
<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>
</el-table-column>
<el-table-column :label="$t('commons.table.type')" fix show-overflow-tooltip prop="type">
@ -145,7 +147,7 @@
/>
</ComplexTable>
<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>
</template>
</LayoutContent>
@ -410,15 +412,4 @@ onMounted(() => {
float: right;
display: inline;
}
.primary-domain {
margin-left: 10px;
color: $primary-color;
font-weight: bold;
cursor: pointer;
}
.primary-domain:hover {
opacity: 0.6;
}
</style>