mns/mns-mini-zabor
mns
/
mns-mini-zabor
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adaptive part

This commit is contained in:
Kseninia Mikhaylova 2024-06-10 16:50:16 +03:00
parent 8331f2fc29
commit 6f0699daaf
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
assets/main.scss
View File

@ -5,7 +5,7 @@
@layer components {} @layer components {}
body { body {
@apply bg-primary-500 select-none; @apply bg-primary-500 select-none min-w-96;
} }
.container { .container {
@ -21,11 +21,11 @@ body {
} }
.logo { .logo {
@apply text-orange-400 font-bold w-20 text-xl leading-4 py-4 col-span-12 xl:col-span-2; @apply text-orange-400 font-bold w-20 text-xl leading-4 py-4 col-span-4 xl:col-span-2;
} }
.menu { .menu {
@apply col-span-12 xl:col-span-8 flex justify-between; @apply col-span-8 flex justify-between;
} }
a[href^="#"] { a[href^="#"] {
@ -177,12 +177,12 @@ button {
} }
&-changer { &-changer {
@apply absolute w-80 z-10 bg-white flex gap-0; @apply absolute w-80 z-10 p-4 border rounded bg-white flex gap-0 right-0 lg:right-auto;
} }
} }
.feature { .feature {
@apply col-span-full flex gap-10 mt-4 justify-center flex-wrap items-center; @apply col-span-full flex gap-10 mt-4 justify-center xl:justify-between flex-wrap items-center;
&-item { &-item {
@apply rounded bg-neutral-200 p-4 min-w-36 flex justify-center flex-wrap flex-col; @apply rounded bg-neutral-200 p-4 min-w-36 flex justify-center flex-wrap flex-col;

2
components/modal.vue
View File

@ -56,7 +56,7 @@ const submit = (e: any) => {
<h2>Оставьте контакты для связи </h2> <h2>Оставьте контакты для связи </h2>
<form @submit.prevent="submit"> <form @submit.prevent="submit">
<input type="text" placeholder="Ваше имя" v-model="modal_name" @keyup="validate" /> <input type="text" placeholder="Ваше имя" v-model="modal_name" @keyup="validate" />
<input type="phone" v-model="modal_phone" @keypress="validateInput" @keyup="validate" /> <input type="phone" placeholder="Номер телефона или e-mail" v-model="modal_phone" @keypress="validateInput" @keyup="validate" />
<div class="flex gap-4"> <div class="flex gap-4">
<button class="not-prose" :disabled="model_form.disabled" type="submit">Отправить</button> <button class="not-prose" :disabled="model_form.disabled" type="submit">Отправить</button>
<button class="not-prose" type="reset" @click="toggleModal">Отмена</button> <button class="not-prose" type="reset" @click="toggleModal">Отмена</button>