feat(hot-resource): add hot resource page with line chart for popularity trends
Change-Id: I13aa76ff02f7f43225bf1736630eec3286bb75a6
diff --git a/src/app/globals.scss b/src/app/globals.scss
index 097d350..a2f8cf4 100644
--- a/src/app/globals.scss
+++ b/src/app/globals.scss
@@ -50,20 +50,21 @@
}
+.no-underline {
+ text-decoration: none;
+}
+
.tools {
display: flex;
align-items: center;
gap: 2rem;
- .no-underline {
- text-decoration: none;
- }
-
.tool-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.25rem;
+ transition: color 0.5s ease;
i {
font-size: 1.25rem;
@@ -74,6 +75,16 @@
font-size: 0.75rem;
color: #333;
}
+
+ &:active {
+ i {
+ color: #14b8a6; // 点击时图标变色
+ }
+
+ span {
+ color: #14b8a6; // 点击时文字变色
+ }
+ }
}
.p-avatar {