purovps/sub2api
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(landing): Polish items from code review

Browse Source 
- Add noreferrer to all external rel attributes (4 anchors)
- Change 更新日志 link from /releases (may 404) to /commits/branch/main
- Remove dead CSS overridden by puro.css: .nav z-index:10, .nav-links gap:20px
- Document puro.css global dependency at top of scoped style block

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
mini
2026-04-19 21:11:13 +08:00
parent 4e675d70c1
commit 4832534232
1 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/views/landing/LandingView.vue
View File

@@ -193,18 +193,18 @@ requires_openai_auth = <span class="kw">true</span></code></pre>
<div class="footer-col"> <div class="footer-col">
<div class="footer-col-title">产品</div> <div class="footer-col-title">产品</div>
<a href="/docs">文档</a> <a href="/docs">文档</a>
<a href="https://git.puro.im/purovps/sub2api/releases" target="_blank" rel="noopener">更新日志</a> <a href="https://git.puro.im/purovps/sub2api/commits/branch/main" target="_blank" rel="noopener noreferrer">更新日志</a>
</div> </div>
<div class="footer-col"> <div class="footer-col">
<div class="footer-col-title">资源</div> <div class="footer-col-title">资源</div>
<a href="https://git.puro.im/purovps/sub2api" target="_blank" rel="noopener">GitHub</a> <a href="https://git.puro.im/purovps/sub2api" target="_blank" rel="noopener noreferrer">GitHub</a>
<a href="/docs#codex">Codex 配置示例</a> <a href="/docs#codex">Codex 配置示例</a>
<a href="https://status.puro.im" target="_blank" rel="noopener">API 状态</a> <a href="https://status.puro.im" target="_blank" rel="noopener noreferrer">API 状态</a>
</div> </div>
<div class="footer-col"> <div class="footer-col">
<div class="footer-col-title">联系</div> <div class="footer-col-title">联系</div>
<a href="mailto:admin@puro.im">admin@puro.im</a> <a href="mailto:admin@puro.im">admin@puro.im</a>
<a href="https://git.puro.im" target="_blank" rel="noopener">git.puro.im</a> <a href="https://git.puro.im" target="_blank" rel="noopener noreferrer">git.puro.im</a>
</div> </div>
</div> </div>
</footer> </footer>
@@ -217,6 +217,14 @@ requires_openai_auth = <span class="kw">true</span></code></pre>
</script> </script>
<style scoped> <style scoped>
/* =============================================================
* LandingView — component-local styles
* Globals from puro.css (scoped to .puro-page) also provide:
* - .log-table, .provider.{claude,gpt,gemini}, .status-200/429 (dashboard mockup)
* - .nav, .nav-inner, .brand, .hex, .nav-links, .nav-cta (nav base)
* - .mono, .container, .btn, .btn-primary, .btn-ghost, .btn-lg (primitives)
* ============================================================= */
.puro-page { .puro-page {
min-height: 100vh; min-height: 100vh;
background: var(--bg-0); background: var(--bg-0);
@@ -409,11 +417,13 @@ requires_openai_auth = <span class="kw">true</span></code></pre>
.chart-title { font-size: 12px; color: var(--text-2); margin-bottom: 12px; } .chart-title { font-size: 12px; color: var(--text-2); margin-bottom: 12px; }
.chart-svg { width: 100%; height: 120px; display: block; } .chart-svg { width: 100%; height: 120px; display: block; }
/* Nav sticky + responsive tweaks (augments puro.css defaults) */ /* Nav sticky + responsive tweaks (augments puro.css defaults)
* Note: puro.css defines .puro-page .nav (z-index 50, blur 16px, gap 28px)
* at higher specificity; rules here only add what puro.css lacks
* (our darker sticky bg + mobile hide-nav-links). */
.nav { .nav {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 10;
background: rgba(10,14,26,0.75); background: rgba(10,14,26,0.75);
backdrop-filter: blur(12px); backdrop-filter: blur(12px);
border-bottom: 1px solid var(--border); border-bottom: 1px solid var(--border);
@@ -439,7 +449,6 @@ requires_openai_auth = <span class="kw">true</span></code></pre>
} }
.nav-links { .nav-links {
display: flex; display: flex;
gap: 20px;
font-size: 14px; font-size: 14px;
color: var(--text-2); color: var(--text-2);
} }