heymlz/hossein-por-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsived some parts

Browse Source
This commit is contained in:
Mamalizz
2025-04-17 00:31:10 +03:30
parent e28a0b4cef
commit dbdadb78b2
1 changed files with 20 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/cart/delivery/AddressModal.vue
+20 -33
View File
@@ -38,11 +38,7 @@ const addressData = ref({
address: address.value?.address ?? "",
name: address.value?.name ?? "",
phone: address.value?.phone ?? "",
for_me: !isEditing.value
? address.value?.for_me ?? "بله"
: address.value?.for_me == true
? "بله"
: "خیر",
for_me: !isEditing.value ? address.value?.for_me ?? "بله" : address.value?.for_me == true ? "بله" : "خیر",
is_main: address.value?.is_main ?? false,
});
@@ -50,10 +46,7 @@ const addressData = ref({
const { data: account } = useGetAccount();
const {
mutateAsync: createOrUpdateAddress,
isPending: createAddressIsPending,
} = useCreateOrUpdateAddress(isEditing);
const { mutateAsync: createOrUpdateAddress, isPending: createAddressIsPending } = useCreateOrUpdateAddress(isEditing);
// methods
@@ -84,9 +77,7 @@ const addNew = () => {
});
closeModal();
addToast({
message: isEditing.value
? "آدرس با موفقیت ویرایش شد"
: "آدرس با موفقیت اضافه شد",
message: isEditing.value ? "آدرس با موفقیت ویرایش شد" : "آدرس با موفقیت اضافه شد",
options: {
status: "success",
},
@@ -94,9 +85,7 @@ const addNew = () => {
},
onError: () => {
addToast({
message: isEditing.value
? "آدرس با موفقیت ویرایش شد"
: "مشکلی در افزودن آدرس رخ داد",
message: isEditing.value ? "آدرس با موفقیت ویرایش شد" : "مشکلی در افزودن آدرس رخ داد",
options: {
status: "error",
},
@@ -110,8 +99,7 @@ watch(
() => addressData.value.for_me,
(newValue) => {
if (!isEditing.value) {
addressData.value.phone =
newValue == "بله" ? account.value!.phone : "";
addressData.value.phone = newValue == "بله" ? account.value!.phone : "";
}
},
{
@@ -145,16 +133,16 @@ watch(
</template>
<template #content>
<div class="flex-col-center gap-6 py-10" dir="rtl">
<div
class="grid w-full grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3"
>
<div
class="flex-col-center gap-6 py-10"
dir="rtl"
>
<div class="grid w-full grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
<div class="flex flex-col gap-2">
<label
for="name"
class="text-xs font-semibold lg:text-sm text-gray-900"
>نام پیش فرض
<span class="text-sm text-red-500">*</span></label
>نام پیش فرض <span class="text-sm text-red-500">*</span></label
>
<Input
@@ -185,8 +173,7 @@ watch(
<label
for="phone"
class="text-xs font-semibold lg:text-sm text-gray-900"
>شماره تلفن
<span class="text-sm text-red-500">*</span></label
>شماره تلفن <span class="text-sm text-red-500">*</span></label
>
<Input
@@ -217,8 +204,7 @@ watch(
<label
for="city"
class="text-xs font-semibold lg:text-sm text-gray-900"
>شهر
<span class="text-sm text-red-500">*</span></label
>شهر <span class="text-sm text-red-500">*</span></label
>
<Input
id="city"
@@ -232,8 +218,7 @@ watch(
<label
for="post"
class="text-xs font-semibold lg:text-sm text-gray-900"
>کد پستی
<span class="text-sm text-red-500">*</span></label
>کد پستی <span class="text-sm text-red-500">*</span></label
>
<Input
id="post"
@@ -248,14 +233,13 @@ watch(
<label
for="address"
class="text-xs font-semibold lg:text-sm text-gray-900"
>آدرس کامل
<span class="text-sm text-red-500">*</span></label
>آدرس کامل <span class="text-sm text-red-500">*</span></label
>
<textarea
id="address"
placeholder="آدرس خود را بنویسید"
v-model="addressData.address"
class="flex items-center field-sizing-content resize-none bg-slate-50 border-slate-200 hover:border-black focus:border-black max-h-[10rem] text-black justify-between cursor-text transition-all border-[1.5px] gap-3 typo-label-md px-4 py-1.5 lg:py-3.5 selection:bg-slate-100 rounded-md lg:rounded-100 outline-none flex-1 text-xs lg:!text-sm placeholder-slate-400"
class="flex items-center field-sizing-content resize-none bg-slate-50 border-slate-200 hover:border-black focus:border-black max-h-[10rem] text-black justify-between cursor-text transition-all border-[1.5px] gap-3 typo-label-md px-4 py-1.5 lg:py-3.5 selection:bg-slate-100 rounded-md lg:rounded-100 outline-none flex-1 text-xs lg:!text-sm placeholder-slate-400 placeholder:text-xs lg:placeholder:text-sm placeholder:font-normal"
></textarea>
</div>
@@ -266,7 +250,10 @@ watch(
>
به عنوان آدرس پیش فرض ثبت شود؟
</label>
<Switch id="is_main" v-model="addressData.is_main" />
<Switch
id="is_main"
v-model="addressData.is_main"
/>
</div>
</div>