storj/web/satellite/src/components/header/headerArea.html

31 lines
1.3 KiB
HTML
Raw Normal View History

<!--Copyright (C) 2019 Storj Labs, Inc.-->
<!--See LICENSE for copying information.-->
<div class="dashboard-header-container">
<div class="dashboard-header-container__left-area">
<NavigationMenuIcon
class="dashboard-header-container__left-area__menu-button"
v-if="!isNavigationVisible"
@click.stop="toggleNavigationVisibility"
/>
<div class="dashboard-header-container__left-area__close-button" v-if="isNavigationVisible" @click.stop="toggleNavigationVisibility">
<NavigationCloseIcon/>
<p class="dashboard-header-container__left-area__close-button__title">Close</p>
</div>
<ProjectSelectionArea class="dashboard-header-container__left-area__project-selection"/>
</div>
<LogoIcon
class="storj-title"
@click.stop="onLogoClick"
/>
<div class="dashboard-header-container__right-area">
<NewProjectArea class="dashboard-header-container__right-area__new-project"/>
<AccountButton class="dashboard-header-container__right-area__account-button"/>
</div>
<ProjectCreationSuccessPopup/>
<NavigationArea
class="adapted-navigation"
v-if="isNavigationVisible"
/>
<div class="navigation-blur" v-if="isNavigationVisible"></div>
</div>