InfStarMC/infstarweb
1
0
Fork 0
mirror of https://github.com/Coldsmiles/infstarweb.git synced 2026-04-23 02:30:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: update font sizes and colors for filter tags and badges in FilterTagGroup and TownsPage components

Browse Source
This commit is contained in:
zhangyuheng
2026-03-18 15:21:01 +08:00
parent 14f8ee9018
commit 07f5ec28b3
2 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/base/FilterTagGroup.vue
View File

@@ -79,6 +79,7 @@ const emit = defineEmits(['update:modelValue']);
border: 1px solid rgba(0, 0, 0, 0.1);
cursor: pointer;
transition: var(--bl-transition);
font-size: 13px;
}
.filter-tag:hover {
@@ -94,6 +95,6 @@ const emit = defineEmits(['update:modelValue']);
}
.filter-tag__icon {
font-size: 0.9em;
font-size: 14px;
}
</style>

20
src/pages/TownsPage.vue
View File

@@ -915,15 +915,17 @@ function generateJson() {
font-size: 12px;
}
.badge-scale-small { background: #e8f5e9; color: #2e7d32; }
.badge-scale-medium { background: #e3f2fd; color: #1565c0; }
.badge-scale-large { background: #fce4ec; color: #c62828; }
.badge-type-building { background: #fff3e0; color: #e65100; }
.badge-type-adventure { background: #f3e5f5; color: #6a1b9a; }
.badge-type-industry { background: #e0f2f1; color: #00695c; }
.badge-recruit-welcome { background: #e8f5e9; color: #2e7d32; }
.badge-recruit-closed { background: #ffebee; color: #c62828; }
.badge-recruit-maybe { background: #fff8e1; color: #f57f17; }
.badge-scale-small { background: #dbeafe; color: #1d4ed8; }
.badge-scale-medium { background: #fef3c7; color: #b45309; }
.badge-scale-large { background: #fee2e2; color: #b91c1c; }
.badge-type-building { background: #ede9fe; color: #6d28d9; }
.badge-type-adventure { background: #d1fae5; color: #047857; }
.badge-type-industry { background: #ffedd5; color: #c2410c; }
.badge-recruit-welcome { background: #e8fceb; color: #15803d; }
.badge-recruit-closed { background: #feebeb; color: #b91c1c; }
.badge-recruit-maybe { background: #fef9c3; color: #a16207; }
.btn-share {
display: inline-flex;