- {taste.name}
({taste.count})
+
+ {taste.name} ({taste.count})
);
@@ -547,10 +546,10 @@ if (queryParams) queryParams = '?' + queryParams.substring(1);
// 为标签生成不同的颜色
const colors = ['amber', 'red', 'green', 'orange', 'amber', 'red'];
const colorClasses = {
- 'amber': 'border-amber-200 dark:border-amber-800 text-amber-700 dark:text-amber-300 hover:text-amber-900 dark:hover:text-amber-200 hover:border-amber-400 dark:hover:border-amber-700 bg-amber-50/50 dark:bg-amber-900/20',
- 'red': 'border-red-200 dark:border-red-800 text-red-700 dark:text-red-300 hover:text-red-900 dark:hover:text-red-200 hover:border-red-400 dark:hover:border-red-700 bg-red-50/50 dark:bg-red-900/20',
- 'green': 'border-green-200 dark:border-green-800 text-green-700 dark:text-green-300 hover:text-green-900 dark:hover:text-green-200 hover:border-green-400 dark:hover:border-green-700 bg-green-50/50 dark:bg-green-900/20',
- 'orange': 'border-orange-200 dark:border-orange-800 text-orange-700 dark:text-orange-300 hover:text-orange-900 dark:hover:text-orange-200 hover:border-orange-400 dark:hover:border-orange-700 bg-orange-50/50 dark:bg-orange-900/20'
+ 'amber': 'border-amber-200 dark:border-amber-800 text-amber-700 dark:text-amber-50 hover:text-amber-900 dark:hover:text-amber-50 hover:border-amber-400 dark:hover:border-amber-700 bg-amber-50/50 dark:bg-amber-900/80',
+ 'red': 'border-red-200 dark:border-red-800 text-red-700 dark:text-red-50 hover:text-red-900 dark:hover:text-red-50 hover:border-red-400 dark:hover:border-red-700 bg-red-50/50 dark:bg-red-900/80',
+ 'green': 'border-green-200 dark:border-green-800 text-green-700 dark:text-green-50 hover:text-green-900 dark:hover:text-green-50 hover:border-green-400 dark:hover:border-green-700 bg-green-50/50 dark:bg-green-900/80',
+ 'orange': 'border-orange-200 dark:border-orange-800 text-orange-700 dark:text-orange-50 hover:text-orange-900 dark:hover:text-orange-50 hover:border-orange-400 dark:hover:border-orange-700 bg-orange-50/50 dark:bg-orange-900/80'
};
const color = colors[i % colors.length] as keyof typeof colorClasses;
// 判断当前标签是否被选中
@@ -581,10 +580,10 @@ if (queryParams) queryParams = '?' + queryParams.substring(1);
+ class="inline-flex items-center group cursor-pointer px-3 py-1 bg-green-50/50 dark:bg-green-900/50 border border-green-200 dark:border-green-800 rounded-full font-recipe-body">
-
- {ingredient.name}
({ingredient.count})
+
+ {ingredient.name} ({ingredient.count})
);
@@ -699,7 +698,7 @@ if (queryParams) queryParams = '?' + queryParams.substring(1);
const paperColor = paperColors[index % paperColors.length];
return (
-
+
-
+
);
})}
@@ -1662,7 +1661,7 @@ if (queryParams) queryParams = '?' + queryParams.substring(1);
if (isSelected) {
checkboxDiv.className = 'w-4 h-4 mr-2 transition-colors bg-green-500 dark:bg-green-500';
} else {
- checkboxDiv.className = 'w-4 h-4 mr-2 transition-colors border border-brown-400 dark:border-brown-600';
+ checkboxDiv.className = 'w-4 h-4 mr-2 transition-colors border border-green-400 dark:border-green-600';
}
}
});
diff --git a/web/graduation/src/pages/culture/[slug].astro b/web/graduation/src/pages/culture/[slug].astro
index 4bf892f..9ddc8be 100644
--- a/web/graduation/src/pages/culture/[slug].astro
+++ b/web/graduation/src/pages/culture/[slug].astro
@@ -1,7 +1,6 @@
---
import { getCollection, getEntry, type CollectionEntry } from "astro:content";
import MainLayout from "../../layouts/MainLayout.astro";
-import ScrollReveal from "../../components/aceternity/ScrollReveal.astro";
// 定义Props类型
export interface Props {
@@ -51,184 +50,170 @@ const relatedCultures = allCultures