[WIP] Добавил wrapper на формы страницы медкаточек

This commit is contained in:
megavrilinvv
2023-07-24 18:37:58 +03:00
parent c63fe8c319
commit 2e3764c6ac
6 changed files with 100 additions and 2 deletions

View File

@@ -0,0 +1,41 @@
<template lang="pug">
.form-wrapper.flex.flex-col.w-full.rounded
.header.flex.items-center.text-sm.font-bold.justify-between.w-full.px-6.py-5
.left-side.flex.gap-x-2.items-center
span {{title}}
.grey-color(v-if="quantity") {{quantity}}
.link.flex.items-center.cursor-pointer(v-if="titleLink", @click="link")
span.font-medium {{ titleLink }}
slot
</template>
<script>
export default {
name: "MedcardFormWrapper",
props: {
title: String,
titleLink: String,
link: Function,
quantity: Number,
},
};
</script>
<style lang="sass" scoped>
.form-wrapper
height: 360px
background: var(--default-white)
color: var(--font-dark-blue-color)
.header
max-height: 62px
border-bottom: 1px solid var(--gray-scondary)
.grey-color
color: var(--font-grey-color)
.link
color: var(--btn-blue-color)
&:hover
opacity: 0.7
</style>