Фикс пропсов
This commit is contained in:
@@ -2,24 +2,24 @@
|
|||||||
.sidebar.flex.flex-col.bg-white(:class="openSidebar")
|
.sidebar.flex.flex-col.bg-white(:class="openSidebar")
|
||||||
.sidebar-wrapper.h-full.my-13px.flex.flex-col.justify-between(:style="sidebarWidth")
|
.sidebar-wrapper.h-full.my-13px.flex.flex-col.justify-between(:style="sidebarWidth")
|
||||||
.sidebar-content.items-center.flex.flex-col.gap-y-8.px-4.py-19px(v-if="!isOpen")
|
.sidebar-content.items-center.flex.flex-col.gap-y-8.px-4.py-19px(v-if="!isOpen")
|
||||||
base-button(left-icon="icon-plus", rounded, size="40", icon-left-size="10" )
|
base-button(left-icon="icon-plus", rounded, :size="40", :icon-left-size="10" )
|
||||||
.flex.flex-col.items-center(v-if="!isOpen")
|
.flex.flex-col.items-center(v-if="!isOpen")
|
||||||
base-button(left-icon="icon-plus", rounded, size="24", icon-left-size="10", secondary )
|
base-button(left-icon="icon-plus", rounded, :size="24", :icon-left-size="10", secondary )
|
||||||
.flex.flex-col.gap-y-2.items-center.mt-4
|
.flex.flex-col.gap-y-2.items-center.mt-4
|
||||||
.event.flex.items-center.justify-center(v-for="event in events" :key="event.id")
|
.event.flex.items-center.justify-center(v-for="event in events" :key="event.id")
|
||||||
.event-type(:style="{ background: event.color }")
|
.event-type(:style="{ background: event.color }")
|
||||||
.flex.flex-col.items-center.gap-y-2.justify-center
|
.flex.flex-col.items-center.gap-y-2.justify-center
|
||||||
base-button.mb-2(left-icon="icon-plus", rounded, size="24", icon-left-size="10", secondary )
|
base-button.mb-2(left-icon="icon-plus", rounded, :size="24", :icon-left-size="10", secondary )
|
||||||
.team-card(v-for="teammate in teamData" :key="teammate.id")
|
.team-card(v-for="teammate in teamData" :key="teammate.id")
|
||||||
img.avatar-wrapper(:src="avatar" alt="Team member")
|
img.avatar-wrapper(:src="avatar" alt="Team member")
|
||||||
.sidebar-content.items-center.flex.flex-col.gap-y-8.px-4.py-19px(v-else)
|
.sidebar-content.items-center.flex.flex-col.gap-y-8.px-4.py-19px(v-else)
|
||||||
.create-event.flex.items-center.justify-center
|
.create-event.flex.items-center.justify-center
|
||||||
base-button(right-icon="icon-plus", split, size="40", icon-right-size="10" ) Создать событие
|
base-button(right-icon="icon-plus", split, :size="40", :icon-right-size="10" ) Создать событие
|
||||||
|
|
||||||
.flex.items-center.flex-col.gap-y-4
|
.flex.items-center.flex-col.gap-y-4
|
||||||
.events-wrapper.flex.items-center.justify-between
|
.events-wrapper.flex.items-center.justify-between
|
||||||
.flex {{ "Виды событий" }}
|
.flex {{ "Виды событий" }}
|
||||||
base-button(left-icon="icon-plus", rounded, size="24", icon-left-size="10", secondary )
|
base-button(left-icon="icon-plus", rounded, :size="24", :icon-left-size="10", secondary )
|
||||||
.flex.flex-col.gap-y-2
|
.flex.flex-col.gap-y-2
|
||||||
.relative.flex.items-center.gap-x-3.h-8(v-for="event in events")
|
.relative.flex.items-center.gap-x-3.h-8(v-for="event in events")
|
||||||
input.custom-input.py-2.pl-6.h-full.not-italic.font-medium.text-xxs(
|
input.custom-input.py-2.pl-6.h-full.not-italic.font-medium.text-xxs(
|
||||||
@@ -30,7 +30,7 @@
|
|||||||
.flex.flex-col.gap-y-4
|
.flex.flex-col.gap-y-4
|
||||||
.events-wrapper.flex.items-center.justify-between
|
.events-wrapper.flex.items-center.justify-between
|
||||||
.flex {{ "Команды" }}
|
.flex {{ "Команды" }}
|
||||||
base-button(left-icon="icon-plus", rounded, size="24", icon-left-size="10", secondary )
|
base-button(left-icon="icon-plus", rounded, :size="24", :icon-left-size="10", secondary )
|
||||||
.box-team.flex.flex-col.gap-y-2
|
.box-team.flex.flex-col.gap-y-2
|
||||||
.team-card.flex.items-center.justify-between.cursor-pointer(
|
.team-card.flex.items-center.justify-between.cursor-pointer(
|
||||||
v-for="teammate in teamData"
|
v-for="teammate in teamData"
|
||||||
@@ -40,7 +40,7 @@
|
|||||||
.flex.ml-2.not-italic.font-medium.text-xxs {{ changeName(teammate.last_name, teammate.first_name, teammate.patronymic) }}
|
.flex.ml-2.not-italic.font-medium.text-xxs {{ changeName(teammate.last_name, teammate.first_name, teammate.patronymic) }}
|
||||||
span.icon-change-place.cursor-pointer.w-5.flex.items-center.justify-center.w-6.h-6
|
span.icon-change-place.cursor-pointer.w-5.flex.items-center.justify-center.w-6.h-6
|
||||||
.button-wrapper.flex.justify-center.mb-23px
|
.button-wrapper.flex.justify-center.mb-23px
|
||||||
base-button(left-icon="icon-long-arrow", rounded, size="40", icon-left-size="18", secondary, :style="{ transform: `rotate(${turnButton})`}", @click="changeSize")
|
base-button(left-icon="icon-long-arrow", rounded, :size="40", :icon-left-size="18", secondary, :style="{ transform: `rotate(${turnButton})`}", @click="changeSize")
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
Reference in New Issue
Block a user