fakz9/Crm-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: roboto font, column scrolling fixed, column input width

Browse Source
This commit is contained in:
AlexSserb
2025-08-27 14:44:38 +04:00
parent 44766bb7aa
commit e6001ed59e
6 changed files with 48 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/components/dnd/FunnelDnd/FunnelDnd.tsx
View File

@ -11,8 +11,9 @@ import {
horizontalListSortingStrategy,
SortableContext,
} from "@dnd-kit/sortable";
import { FreeMode, Mousewheel, Pagination, Scrollbar } from "swiper/modules";
import { FreeMode, Pagination, Scrollbar } from "swiper/modules";
import { Swiper, SwiperRef, SwiperSlide } from "swiper/react";
import { Box } from "@mantine/core";
import CreateStatusButton from "@/app/deals/components/shared/CreateStatusButton/CreateStatusButton";
import useDndSensors from "@/app/deals/hooks/useSensors";
import FunnelColumn from "@/components/dnd/FunnelDnd/FunnelColumn";
@ -108,42 +109,40 @@ const FunnelDnd = <
const renderBody = () => {
if (isMobile) {
return (
<Swiper
ref={swiperRef}
onTouchStart={swiper => {
swiper.allowTouchMove = !activeItem;
}}
onTouchMove={swiper => {
swiper.allowTouchMove = !activeItem;
}}
className={classes["swiper-container"]}
slidesPerView={1.1}
style={{ paddingLeft: "10vw", paddingRight: "2vw" }}
modules={[Pagination]}
freeMode={{ enabled: false }}
pagination={{ enabled: true, clickable: true }}>
{renderContainers()}
{isCreatingContainerEnabled && (
<SwiperSlide>
<CreateStatusButton />
</SwiperSlide>
)}
</Swiper>
<Box>
<Swiper
ref={swiperRef}
onTouchStart={swiper => {
swiper.allowTouchMove = !activeItem;
}}
onTouchMove={swiper => {
swiper.allowTouchMove = !activeItem;
}}
className={classes["swiper-container"]}
slidesPerView={1.1}
spaceBetween={10}
style={{ paddingLeft: "10vw" }}
modules={[Pagination]}
freeMode={{ enabled: false }}
pagination={{ enabled: true, clickable: true }}>
{renderContainers()}
{isCreatingContainerEnabled && (
<SwiperSlide style={{ width: 250 }}>
<CreateStatusButton />
</SwiperSlide>
)}
</Swiper>
</Box>
);
}
return (
<Swiper
ref={swiperRef}
className={classes["swiper-container"]}
modules={[Scrollbar, Mousewheel, FreeMode]}
modules={[Scrollbar, FreeMode]}
spaceBetween={15}
slidesPerView={"auto"}
scrollbar={{ hide: false }}
mousewheel={{
enabled: true,
sensitivity: 0.2,
releaseOnEdges: true,
}}
freeMode={{ enabled: true }}
grabCursor>
{renderContainers()}