NavBarLinks.vue 777 B

123456789101112131415161718192021222324252627282930313233
  1. <template>
  2. <nav class="nav-links" v-if="navData || repoInfo">
  3. <template v-if="navData">
  4. <template v-for="item of navData">
  5. <NavDropdownLink v-if="item.items" :item="item" />
  6. <NavBarLink v-else :item="item" />
  7. </template>
  8. </template>
  9. <NavDropdownLink v-if="localeCandidates" :item="localeCandidates" />
  10. <NavBarLink v-if="repoInfo" :item="repoInfo" />
  11. </nav>
  12. </template>
  13. <script src="./NavBarLinks"></script>
  14. <style>
  15. .nav-links {
  16. display: flex;
  17. align-items: center;
  18. height: 35px;
  19. list-style-type: none;
  20. transform: translateY(1px);
  21. }
  22. @media screen and (max-width: 719px) {
  23. .nav-links {
  24. display: block;
  25. height: auto;
  26. padding: 0.5rem 0 1rem;
  27. border-bottom: 1px solid var(--border-color);
  28. }
  29. }
  30. </style>