Youngger9765 commited on
Commit ·
f8d0f2d
1
Parent(s): c6ff16f
feat: Add 批改心法課程 link to header navigation
Browse files- Add Google Drive course materials link to header
- Add special styling with 📚 icon and green gradient
- Link opens in new tab for easy access to course materials
- Positioned after API docs in navigation bar
- frontend/src/App.css +18 -0
- frontend/src/App.tsx +8 -0
frontend/src/App.css
CHANGED
|
@@ -148,6 +148,24 @@ body {
|
|
| 148 |
box-shadow: 0 6px 20px rgba(238, 90, 36, 0.4);
|
| 149 |
}
|
| 150 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 151 |
.app-header p {
|
| 152 |
font-size: 1.1rem;
|
| 153 |
color: #64748b;
|
|
|
|
| 148 |
box-shadow: 0 6px 20px rgba(238, 90, 36, 0.4);
|
| 149 |
}
|
| 150 |
|
| 151 |
+
.nav-link.course-link {
|
| 152 |
+
background: linear-gradient(135deg, #10ac84, #00d2d3);
|
| 153 |
+
box-shadow: 0 4px 15px rgba(16, 172, 132, 0.3);
|
| 154 |
+
position: relative;
|
| 155 |
+
overflow: hidden;
|
| 156 |
+
}
|
| 157 |
+
|
| 158 |
+
.nav-link.course-link:hover {
|
| 159 |
+
background: linear-gradient(135deg, #00d2d3, #10ac84);
|
| 160 |
+
box-shadow: 0 6px 20px rgba(16, 172, 132, 0.4);
|
| 161 |
+
transform: translateY(-2px);
|
| 162 |
+
}
|
| 163 |
+
|
| 164 |
+
.nav-link.course-link::before {
|
| 165 |
+
content: '📚';
|
| 166 |
+
margin-right: 0.5rem;
|
| 167 |
+
}
|
| 168 |
+
|
| 169 |
.app-header p {
|
| 170 |
font-size: 1.1rem;
|
| 171 |
color: #64748b;
|
frontend/src/App.tsx
CHANGED
|
@@ -190,6 +190,14 @@ function App() {
|
|
| 190 |
>
|
| 191 |
API 文檔
|
| 192 |
</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 193 |
</nav>
|
| 194 |
</div>
|
| 195 |
<div className="header-controls">
|
|
|
|
| 190 |
>
|
| 191 |
API 文檔
|
| 192 |
</a>
|
| 193 |
+
<a
|
| 194 |
+
href="https://drive.google.com/drive/folders/1jFNx3loIJtEo8CwkendtpGh6m8WMa_QH"
|
| 195 |
+
target="_blank"
|
| 196 |
+
rel="noopener noreferrer"
|
| 197 |
+
className="nav-link course-link"
|
| 198 |
+
>
|
| 199 |
+
批改心法課程
|
| 200 |
+
</a>
|
| 201 |
</nav>
|
| 202 |
</div>
|
| 203 |
<div className="header-controls">
|