.header-wrapper.relative.flex.justify-center.box-border.py-2.pl-4_75px.pr-6
.flex.items-center.box-border.cursor-pointer.mr-auto
img.logo-img.mr-29_25px(
src="@/assets/images/logo.svg",
alt="Logo",
@click="redirectHomePage"
)
header-inputs
.flex.ml-auto.items-center.gap-x-8
base-button(
type="secondary",
width="80px",
no-padding,
@click="openForm"
)
q-icon(name="app:plus", size="12px")
q-icon(name="app:person", size="20px", right)
base-client-form-create(
v-model="isOpenFormInternal",
:set-updated-clients="setUpdatedClients",
:write-created-client-id="writeCreatedClientId",
)
q-btn(
flat,
dense,
:style="{color: 'var(--font-dark-blue-color)', 'min-width': '24px', 'min-height': '24px'}",
round,
)
q-icon(name="app:icon-bell", size="20px")
.flex.justify-centflexer.items-center.relative
q-btn(
@click="openPopup",
flat,
padding="0",
style="color: var(--font-grey-color)"
)
base-avatar(:size="36", :color="userData?.color", v-if="!userData?.photo") {{changeName}}
base-avatar(:size="32", v-else)
img.h-full.object-cover(:src="url + userData?.photo", alt="Avatar")
.h-6.w-6.flex.items-center.justify-center.ml-2.pt-1
q-icon(name="app:icon-down-arrow", size="12px")
q-menu(
:offset="[60, 6]"
)
.menu.p-4
.text-popup.flex.cursor-pointer.pl-2(@click="logout", v-close-popup) Выйти