ai-postcard/src/components/Navbar.vue

<script setup>
import { ref, reactive } from "vue";
</script>

<template>
  <div class="navbar">
    <img src="../assets/img/logo.svg" alt="" class="logo" />
  </div>
</template>

<style lang="scss" scoped>
.navbar {
  height: 4rem;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  padding: 10px 10px 5px;
  background-color: #ededef;
  .logo {
    max-width: 110px;
  }
}
</style>