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 {}
body {
@apply bg-primary-500 select-none;
@apply bg-primary-500 select-none min-w-96;
}
.container {
@ -21,11 +21,11 @@ body {
}
.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 {
@apply col-span-12 xl:col-span-8 flex justify-between;
@apply col-span-8 flex justify-between;
}
a[href^="#"] {
@ -177,12 +177,12 @@ button {
}
&-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 {
@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 {
@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>
<form @submit.prevent="submit">
<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">
<button class="not-prose" :disabled="model_form.disabled" type="submit">Отправить</button>
<button class="not-prose" type="reset" @click="toggleModal">Отмена</button>