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

Files changed (2) hide show
  1. frontend/src/App.css +18 -0
  2. 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">