HeaderV2.vue 639 B

12345678910111213141516171819202122232425262728293031
  1. <template>
  2. <div class="header_v2_main">
  3. <route-navigation/>
  4. <div class="toolbar">
  5. <tool-info-bar ref="toolInfoBarRef"/>
  6. </div>
  7. </div>
  8. </template>
  9. <script setup name='HeaderV2' lang="ts">
  10. import RouteNavigation from "@/layout/fillet-layout/RouteNavigation.vue";
  11. import ToolInfoBar from "./ToolInfoBar.vue";
  12. </script>
  13. <style scoped lang="scss">
  14. .header_v2_main {
  15. display: flex;
  16. height: 42px;
  17. margin: 8px 16px 0 6px;
  18. .toolbar {
  19. width: max-content;
  20. height: 40px;
  21. border-radius: 5px;
  22. background-color: white;
  23. box-shadow: var(--el-box-shadow-light);
  24. padding: 0 8px 0 5px;
  25. }
  26. }
  27. </style>