chickliu/nazhua
1
0
Fork 0
mirror of https://github.com/hi2shark/nazhua.git synced 2026-01-12 07:10:43 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

🎨 调整标签颜色；控制列表最多显示5个标签；

Browse Source
This commit is contained in:
hi2hi 2024-12-12 17:55:06 +00:00
parent a321ce2f69
commit 95d1d72cc7
4 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/assets/scss/variables.scss
View File

@ -25,8 +25,9 @@
--list-item-price-color: #eee;
--list-item-buy-link-color: #ffc300;
--public-note-tag-color: #ddd;
--public-note-tag-bg: #6a7efc;
--public-note-tag-color: #ccc;
// --public-note-tag-bg: #6a7efc;
--public-note-tag-bg: linear-gradient(125deg, #8f94fb, #4e54c8);
// 针对1440px以下的屏幕
@media screen and (max-width: 1440px) {

3
src/views/components/server-detail/server-info-box.vue
View File

@ -595,7 +595,8 @@ const processCount = computed(() => props.info?.State?.ProcessCount);
line-height: 20px;
font-size: 12px;
color: var(--public-note-tag-color);
background-color: var(--public-note-tag-bg);
background: var(--public-note-tag-bg);
text-shadow: 1px 1px 2px rgba(#000, 0.2);
border-radius: 4px;
}
}

2
src/views/components/server-detail/server-monitor.vue
View File

@ -480,7 +480,7 @@ onUnmounted(() => {
align-items: center;
// padding: 0 10px;
height: var(--minute-item-height);
background: rgba(#fff, 0.1);
background: rgba(#fff, 0.2);
border-radius: calc(var(--minute-item-height) / 2);
.minute-item {

6
src/views/components/server-list/server-list-item-bill.vue
View File

@ -109,7 +109,8 @@ const tagList = computed(() => {
if (props?.info?.PublicNote?.planDataMod?.extra) {
list.push(...props.info.PublicNote.planDataMod.extra.split(','));
}
return list;
// 列表最多显示5个标签
return list.slice(0, 5);
});
const show = computed(() => {
@ -186,7 +187,8 @@ const show = computed(() => {
line-height: 20px;
font-size: 12px;
color: var(--public-note-tag-color);
background-color: var(--public-note-tag-bg);
background: var(--public-note-tag-bg);
text-shadow: 1px 1px 2px rgba(#000, 0.2);
border-radius: 4px;
}
}