From d051e7110a9338f72cc2a293357808c0413dbdf0 Mon Sep 17 00:00:00 2001 From: hamid zarghami Date: Wed, 3 Sep 2025 15:06:15 +0330 Subject: [PATCH] responsive --- src/app/about/page.tsx | 24 +++--- src/app/auth/components/LoginStep1.tsx | 12 +-- src/app/auth/components/LoginStep2.tsx | 22 +++--- src/app/auth/page.tsx | 51 ++++++------ src/app/blogs/components/BlogItem.tsx | 12 +-- src/app/blogs/components/LastPost.tsx | 10 ++- src/app/blogs/components/MiniBlogItem.tsx | 10 +-- src/app/blogs/page.tsx | 13 ++- src/app/cart/components/CartItem.tsx | 79 ++++++++++--------- src/app/cart/page.tsx | 25 +++--- src/app/cart/payment/page.tsx | 28 ++++--- src/app/cart/shipping/page.tsx | 34 ++++---- src/app/contact/page.tsx | 48 +++++------ src/app/faq/page.tsx | 20 ++--- src/app/home/components/Carousel.tsx | 8 +- src/app/product/[id]/page.tsx | 8 +- .../product/components/BaseInformation.tsx | 56 +++++++------ src/app/product/components/Description.tsx | 8 +- src/app/product/components/ProductImage.tsx | 16 ++-- src/app/product/components/ProsCons.tsx | 22 +++--- src/app/product/components/Questions.tsx | 40 +++++----- src/app/product/components/Reviews.tsx | 38 ++++----- .../product/components/ShopInformation.tsx | 2 +- src/app/product/components/Specifications.tsx | 16 ++-- src/app/profile/comments/page.tsx | 40 +++++----- src/app/profile/components/Menu.tsx | 50 +++++++++--- src/app/profile/components/MenuItem.tsx | 4 +- src/app/profile/favorite/page.tsx | 4 +- src/app/profile/orders/page.tsx | 51 ++++++------ src/app/profile/page.tsx | 41 +++++----- src/components/CartControls.tsx | 21 +++-- src/components/CartSummary.tsx | 18 ++--- src/share/Header.tsx | 2 +- 33 files changed, 440 insertions(+), 393 deletions(-) diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index cc92274..94a7262 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -27,42 +27,42 @@ const AboutPage: NextPage = () => { return ( -
+
{/* عنوان اصلی */} -
-

+
+

درباره ی ما

{/* بخش‌های محتوا */} -
+
{aboutData.map((item) => (
- {/* تصویر در سمت چپ */} -
+ {/* تصویر */} +
{item.title}
- {/* محتوای متنی در سمت راست */} -
+ {/* محتوای متنی */} +
{/* عنوان بخش */} -

+

{item.title}

{/* توضیحات */} -

+

{item.description}

diff --git a/src/app/auth/components/LoginStep1.tsx b/src/app/auth/components/LoginStep1.tsx index d487b25..501fa6e 100644 --- a/src/app/auth/components/LoginStep1.tsx +++ b/src/app/auth/components/LoginStep1.tsx @@ -53,18 +53,18 @@ const LoginStep1 = () => { return ( -
-
ورود و ثبت نام
-
+
+
ورود و ثبت نام
+
-
- +
+
) diff --git a/src/app/auth/components/LoginStep2.tsx b/src/app/auth/components/LoginStep2.tsx index f0b48bb..c6a8281 100644 --- a/src/app/auth/components/LoginStep2.tsx +++ b/src/app/auth/components/LoginStep2.tsx @@ -80,9 +80,9 @@ const LoginStep2: FC = () => { }, [watch('otpCode')]) return ( -
-
کد دریافتی را وارد نمایید
-
+
+
کد دریافتی را وارد نمایید
+
{ type='tel' autoComplete="one-time-code" inputMode="numeric" - className='w-full h-[50px] flex-1 mx-2 bg-white border rounded-[10px]' /> + className='w-full h-[45px] sm:h-[50px] flex-1 mx-1 sm:mx-2 bg-white border rounded-[10px] text-center text-lg sm:text-xl' /> } />
{ errors.otpCode?.message && } -
- +
+
{/* Countdown and Resend Section */} -
-
- کد فعالسازی را دریافت نکردید؟ +
+
+ کد فعالسازی را دریافت نکردید؟ {countdownValue !== '00:00' ? ( - {countdownValue} + {countdownValue} ) : ( diff --git a/src/app/auth/page.tsx b/src/app/auth/page.tsx index b6abad6..2d2de18 100644 --- a/src/app/auth/page.tsx +++ b/src/app/auth/page.tsx @@ -11,13 +11,13 @@ const LoginPage: NextPage = () => { const { step, phone } = useAuthStore() return ( -
-
+
+
-
+
{step}/2
-
+
@@ -34,34 +34,39 @@ const LoginPage: NextPage = () => { { step === 1 ? -
- phone +
+
+ phone +
-
-
Wellcome
-
+
+
Wellcome
+
خوش آمدید
-

+

برای دریافت کد فعالسازی شماره همراه یا ایمیل خود را وارد نمایید

: -
- +
+
+ +
-
-
activation code
-
+
+
activation code
+
كد فعالسازی
-

+

کد فعالسازی به شماره همراه {phone} ارسال شد

@@ -69,7 +74,9 @@ const LoginPage: NextPage = () => { }
- +
+ +
) diff --git a/src/app/blogs/components/BlogItem.tsx b/src/app/blogs/components/BlogItem.tsx index 1eedbab..44ef914 100644 --- a/src/app/blogs/components/BlogItem.tsx +++ b/src/app/blogs/components/BlogItem.tsx @@ -5,25 +5,25 @@ import React from 'react' const BlogItem = () => { return ( -
+
blog -
-
+
+
سامسونگ اولین لپ‌تاپ OLED یکپارچه را معرفی می‌کند
-

+

لپ تاپ گلکسی بوک 3 سامسونگ دارای یک پنل OLED خواهد بود که در آن از فناوری سلولی استفاده می‌شود و حسگرها مستقیماً در نمایشگر قرار می‌گیرند تا صفحه لمسی نازک‌تر و سبک‌تری داشته باشد.

-
+
ادامه مطلب
diff --git a/src/app/blogs/components/LastPost.tsx b/src/app/blogs/components/LastPost.tsx index 4871c26..fb7d88f 100644 --- a/src/app/blogs/components/LastPost.tsx +++ b/src/app/blogs/components/LastPost.tsx @@ -3,13 +3,15 @@ import MiniBlogItem from './MiniBlogItem' const LastPost: FC = () => { return ( -
-
+
+
آخرین پست ها و مطالب
- - +
+ + +
) } diff --git a/src/app/blogs/components/MiniBlogItem.tsx b/src/app/blogs/components/MiniBlogItem.tsx index 67d0b1e..218fe9b 100644 --- a/src/app/blogs/components/MiniBlogItem.tsx +++ b/src/app/blogs/components/MiniBlogItem.tsx @@ -3,21 +3,21 @@ import React from 'react' const MiniBlogItem = () => { return ( -
+
last post -
-
+
+
رندرهای گلکسی M54 5G
-

+

طبق رندرها، گلکسی M54 5G فاقد ماژول دوربین است و سنسورهای دوربین هر....

diff --git a/src/app/blogs/page.tsx b/src/app/blogs/page.tsx index cd3a800..89d1935 100644 --- a/src/app/blogs/page.tsx +++ b/src/app/blogs/page.tsx @@ -6,15 +6,22 @@ import LastPost from './components/LastPost' const BlogsPage: NextPage = () => { return ( -
- +
+ {/* Categories - Hidden on mobile, shown on desktop */} +
+ +
+ + {/* Main content */}
-
+ + {/* Last Post - Full width on mobile, sidebar on desktop */} +
diff --git a/src/app/cart/components/CartItem.tsx b/src/app/cart/components/CartItem.tsx index 6e40cbf..bb708b8 100644 --- a/src/app/cart/components/CartItem.tsx +++ b/src/app/cart/components/CartItem.tsx @@ -16,65 +16,68 @@ const CartItem: FC = (props) => { return (
- +
+ +
-
-
-
+
+
+
گوشی موبایل سامسونگ مدل Galaxy S24 Ultra دو سیم کارت ظرفیت 1 ترابایت و رم 12 گیگابایت - ویتنام
-
- 70,400,000 تومان +
+ 70,400,000 تومان
-
-
-
-
+ +
+
+
+
-
مشکی
+
مشکی
-
-
- +
+
+
-
فروشنده فروشگاه سندس
+
فروشنده فروشگاه سندس
-
-
- +
+
+
-
گارانتی اصالت و سلامت فیزیکی کالا
+
گارانتی اصالت و سلامت فیزیکی کالا
-
-
-
- +
+
+
+
-
ارسال از سندس حداکثر پس از 3 روز کاری
+
ارسال از سندس حداکثر پس از 3 روز کاری
- null} - onRemove={() => null} - quantity={1} - /> - +
+ null} + onRemove={() => null} + quantity={1} + /> +
-
) diff --git a/src/app/cart/page.tsx b/src/app/cart/page.tsx index 5fe80fa..8f19197 100644 --- a/src/app/cart/page.tsx +++ b/src/app/cart/page.tsx @@ -7,29 +7,30 @@ import { NextPage } from "next" const Cart: NextPage = () => { return ( -
-
-
-
+
+
+
+
سبد خرید
-
+
10
-
-
+
+
@@ -40,7 +41,7 @@ const Cart: NextPage = () => { total={80580000} confirmHref="/cart/shipping" confirmLabel="ادامه به آدرس و ارسال" - className="w-full lg:w-[360px]" + className="w-full lg:w-[360px] xl:w-[400px]" />
diff --git a/src/app/cart/payment/page.tsx b/src/app/cart/payment/page.tsx index c795f1a..4307e44 100644 --- a/src/app/cart/payment/page.tsx +++ b/src/app/cart/payment/page.tsx @@ -7,17 +7,17 @@ import DiscountCard from '../components/DiscountCard' const CartPayment: NextPage = () => { return ( -
+
-
+
-
+
انتخاب روش پرداخت
-
+
@@ -31,15 +31,17 @@ const CartPayment: NextPage = () => {
- +
+ +
) diff --git a/src/app/cart/shipping/page.tsx b/src/app/cart/shipping/page.tsx index aa69588..49c2fe0 100644 --- a/src/app/cart/shipping/page.tsx +++ b/src/app/cart/shipping/page.tsx @@ -7,14 +7,14 @@ import { Location } from 'iconsax-react' const CartShipping: NextPage = () => { return ( -
+
-
+
-
-
- +
+
+
آدرس تحویل سفارش @@ -25,22 +25,24 @@ const CartShipping: NextPage = () => {
حمید ضرغامی
-
ویرایش
+
ویرایش
-
+
- +
+ +
) diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index e1b7c4b..aaecb56 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -9,31 +9,31 @@ import { Call, Location, Sms } from 'iconsax-react' const ContactPage: NextPage = () => { return ( -
-
+
+
-

ارتباط با ما

-

اطلاعات تماس و متن پیام خود را وارد کنید

+

ارتباط با ما

+

اطلاعات تماس و متن پیام خود را وارد کنید

-
+