mirror of
https://github.com/catlog22/Claude-Code-Workflow.git
synced 2026-03-01 15:03:57 +08:00
c3ddf7e322
- Add docs directory with VitePress configuration - Add GitHub Actions workflow for docs build and deploy - Support bilingual (English/Chinese) documentation - Include search, custom theme, and responsive design
43 lines
656 B
Vue
43 lines
656 B
Vue
<script setup lang="ts">
|
|
/**
|
|
* Skip Link Component
|
|
* Accessibility feature allowing keyboard users to skip to main content
|
|
*/
|
|
</script>
|
|
|
|
<template>
|
|
<a href="#VPContent" class="skip-link">
|
|
Skip to main content
|
|
</a>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.skip-link {
|
|
position: absolute;
|
|
top: -100px;
|
|
left: 0;
|
|
padding: 8px 16px;
|
|
background: var(--vp-c-primary);
|
|
color: white;
|
|
text-decoration: none;
|
|
z-index: 9999;
|
|
transition: top 0.3s ease;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.skip-link:focus {
|
|
top: 0;
|
|
}
|
|
|
|
.skip-link:hover {
|
|
background: var(--vp-c-primary-600);
|
|
}
|
|
|
|
@media print {
|
|
.skip-link {
|
|
display: none;
|
|
}
|
|
}
|
|
</style>
|