.wrapper-bar.flex.flex-col.gap-y-4
.flex.px-5.py-5.w-full.justify-around
.time-wrapper.flex.justify-between
.flex.flex-col.py-14px.px-4.gap-y-14px
.text.text-smm Начало рабочего дня
base-input-time.item-input.text-base.select(:width-input="40")
.flex.flex-col.py-14px.px-4.gap-y-14px
.text.span.text-smm Конец рабочего дня
base-input-time.item-input.text-base.select(:width-input="40")
.status-wrapper.flex.flex-col
.flex.justify-center.items-center.h-10
span.font-semibold Статусы
.flex.justify-around(class="py-2.5")
base-button.button-work.font-semibold(
:style="{minWidth: '190px', minHeight: '43px'}"
) Работает
base-button.button-status.font-semibold(
:style="{minWidth: '190px', minHeight: '43px'}"
) Отпуск/больничный
base-button.button-free.font-semibold(
:style="{minWidth: '190px', minHeight: '43px'}"
) Выходной
.graph-template.flex
base-custom-select(
:items="scheduleList",
center,
v-model="schedule",
placeholder="Шаблоны графиков"
)
.flex.justify-center
base-button.font-semibold(:size="40") Сохранить