feat: add responsive professional information layer

2026-09-02 01:35:32 +03:00
parent f3ca9d4ade
commit 857292d2b0
11 changed files with 637 additions and 6 deletions
--- a/src/components/PortfolioSection.vue
+++ b/src/components/PortfolioSection.vue
@@ -8,8 +8,8 @@ defineProps<{
 </script>

 <template>
-  <section :id="id" :aria-labelledby="`${id}-heading`" :data-section-index="index">
-    <p>{{ String(index).padStart(2, '0') }} / {{ eyebrow }}</p>
+  <section :id="id" class="portfolio-section" :aria-labelledby="`${id}-heading`" :data-section-index="index">
+    <p class="route-label">{{ String(index).padStart(2, '0') }} / {{ eyebrow }}</p>
    <h2 :id="`${id}-heading`">{{ heading }}</h2>
    <slot />
  </section>