<script setup lang="ts">
</script>

<template>
  <div class="user-info-layout">
    <div class="user-info-bar"></div>
    <div class="user-avatar">
      <Avatar size="xlarge" shape="circle" class="avatar" image="https://api.multiavatar.com/asdasd.svg"/>
    </div>

  </div>
</template>

<style scoped lang="scss">
@import "../../../base";
.user-info-layout{
  width: 100%;
  display: flex;
  flex-direction: column;
}
.user-info-bar{
  height: 3.415vh;
  background: #F0F0F0;
}

</style>