101-aiv2/src/components/Navbar.vue

<script setup>
</script>

<template>
  <div class="navbar">
    <router-link to="/" class="d-flex ms-auto">
      <img src="../assets/img/logo.svg" alt="" class="logo" />
    </router-link>
  </div>
</template>

<style lang="scss" scoped>
.navbar {
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 50;
  padding: 10px 10px 5px;
  background-color: #fafcf7;
}

.logo {
  margin-left: auto;
  width: 100px;
  max-width: 100%;
}
</style>