fix design bug

dev-dist/sw.js

@@ -82,7 +82,7 @@ define(['./workbox-e7681877'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "index.html",
-    "revision": "0.mgpgjruthpo"
+    "revision": "0.4if6iedhk8"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {

src/index.css

@@ -247,3 +247,9 @@ tbody tr {
 *::-webkit-scrollbar {
   display: none;
 }
+
+html,
+body {
+  overflow-x: hidden;
+  max-width: 100vw;
+}

src/pages/service/OtherServices.tsx

@@ -22,7 +22,7 @@ const OtherServices: FC = () => {
     const getAdsLeft = useGetAds(AdsDisplayLocation.OTHER_SERVICES_LEFT)
 
     return (
-        <div className='w-full flex gap-6'>
+        <div className='w-full xl:flex xl:gap-6'>
             <Helmet>
                 <title>داناک | لیست سرویس ها
                 </title>

src/pages/service/components/OtherServices.tsx

@@ -53,6 +53,8 @@ const OtherServicesComponent: FC = () => {
                 </Swiper>
             </div>
 
+
+
             <div className='flex w-full gap-6 items-center'>
                 <div className='flex items-stretch w-full flex-wrap xl:gap-6 gap-4 mt-8'>
                     {

src/pages/service/components/ServiceHeader.tsx

@@ -37,7 +37,7 @@ const ServiceHeader: FC<Props> = (props: Props) => {
 
     return (
         <div className='w-full p-6 bg-white rounded-3xl flex xl:flex-row flex-col items-end xl:justify-between'>
-            <div className='flex xl:gap-8 gap-4'>
+            <div className='flex w-full xl:gap-8 gap-4'>
                 <div className='xl:size-[70px] xl:min-w-[70px] min-w-[50px] size-[50px] rounded-xl'>
                     <img src={data?.icon} className='w-full h-full rounded-xl' />
                 </div>