admin/astra-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP Спозиционировала формы в правый нижний угол

Browse Source
This commit is contained in:
Daria Golova
2022-11-11 18:09:02 +03:00
parent 27da063072
commit 80075bee65
4 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/TheHeader.vue
View File

@@ -1,6 +1,6 @@
<template lang="pug"> <template lang="pug">
.header-wrapper.relative.flex.justify-center.box-border.py-2.pl-4_75px.pr-6 .header-wrapper.relative.flex.justify-center.box-border.py-2.pl-4_75px.pr-6
base-client-form-create.right-0.top-16(v-if="isOpenCreate", @blure="isOpenCreate=false", :close-form="closeFormCreate") base-client-form-create(v-if="isOpenCreate", @blure="isOpenCreate=false", :close-form="closeFormCreate")
.flex.items-center.box-border.cursor-pointer.mr-auto .flex.items-center.box-border.cursor-pointer.mr-auto
img.logo-img.mr-29_25px(src="@/assets/images/logo.svg", alt="Logo") img.logo-img.mr-29_25px(src="@/assets/images/logo.svg", alt="Logo")
header-inputs header-inputs

2
src/components/base/BaseClientFormCreate.vue
View File

@@ -1,5 +1,5 @@
<template lang="pug"> <template lang="pug">
.wrapper-create.flex.flex-col.absolute.top-0.px-4.py-7.gap-y-8(v-click-outside="closeForm") .wrapper-create.flex.flex-col.fixed.right-0.bottom-4.px-4.py-7.gap-y-8(v-click-outside="closeForm")
.icon-cancel.close.absolute.top-5.right-5.cursor-pointer(@click="closeForm") .icon-cancel.close.absolute.top-5.right-5.cursor-pointer(@click="closeForm")
span.title.text-xl.font-bold.px-4 Создание клиента span.title.text-xl.font-bold.px-4 Создание клиента
.flex.gap-x-4.h-fit.px-4 .flex.gap-x-4.h-fit.px-4

2
src/pages/calendar/components/CalendarFormAddEvent.vue
View File

@@ -1,5 +1,5 @@
<template lang="pug"> <template lang="pug">
.flex.flex-col.gap-y-6.pt-6.pb-7.px-8.event-form.absolute.right-0.bottom-14 .flex.flex-col.gap-y-6.pt-6.pb-7.px-8.event-form.fixed.right-0.bottom-3
.flex.justify-between .flex.justify-between
span.title.text-xl.font-bold {{!selectedEventData.id ? "Назначение события" : "Изменение события"}} span.title.text-xl.font-bold {{!selectedEventData.id ? "Назначение события" : "Изменение события"}}
.flex.pt-2 .flex.pt-2

2
src/pages/clients/components/ClientsTable.vue
View File

@@ -1,6 +1,6 @@
<template lang="pug"> <template lang="pug">
.wrapper-table.relative.flex.flex-col.gap-y-8.px-6.py-6.h-full.w-full .wrapper-table.relative.flex.flex-col.gap-y-8.px-6.py-6.h-full.w-full
base-client-form-create.right-0(v-if="isOpenFormCreate" :close-form="closeFormCreateClient") base-client-form-create(v-if="isOpenFormCreate" :close-form="closeFormCreateClient")
clients-table-hat(:is-open-actions="marked.length" :open-form-create="openFormCreateClient") clients-table-hat(:is-open-actions="marked.length" :open-form-create="openFormCreateClient")
.flex.flex-col.h-full.gap-y-2.table-container.w-full .flex.flex-col.h-full.gap-y-2.table-container.w-full
clients-table-header(:check="selectedCheck" :is-check="selectAll") clients-table-header(:check="selectedCheck" :is-check="selectAll")