<template>
  <div class="tool-bar-ri">
<!--    <div class="header-icon">-->
<!--      <AssemblySize id="assemblySize" />-->
<!--      <Language id="language" />-->
<!--      <SearchMenu id="searchMenu" />-->
<!--      <ThemeSetting id="themeSetting" />-->
<!--      <Message id="message" />-->
<!--      <Fullscreen id="fullscreen" />-->
<!--    </div>-->
    <Avatar />
  </div>
</template>
<script setup lang="ts">
import Avatar from "./components/Avatar.vue";
</script>
<style scoped lang="scss">
.tool-bar-ri {
  display: flex;
  align-items: center;
  justify-content: center;
  // padding-right: 25px;
  .header-icon {
    display: flex;
    align-items: center;
    & > * {
      margin-left: 21px;
      color: var(--el-header-text-color);
    }
  }
  .username {
    margin: 0 20px;
    font-size: 15px;
    color: var(--el-header-text-color);
  }
}
</style>
