search/fancySlider.jsx at main · harmonydata/search · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<div className="w-[297px] h-[22px] py-1.5 justify-center items-start gap-[0px] inline-flex">
    <div className="w-[67.12px] h-2.5 pr-2 justify-start items-center inline-flex">
        <div className="grow shrink basis-0 self-stretch flex-col justify-center items-start inline-flex">
            <div className="self-stretch grow shrink basis-0 bg-[#27edb9] rounded-tl-2xl rounded-tr-sm rounded-bl-2xl rounded-br-sm" />
            <div className="w-1 h-1 relative">
                <div className="w-1 h-1 left-0 top-0 absolute bg-[#003bc4] rounded-full" />
            </div>
        </div>
        <div data-svg-wrapper className="relative">
        <svg width="4" height="33" viewBox="0 0 4 33" fill="none" xmlns="http://www.w3.org/2000/svg">
        <rect y="0.5" width="4" height="32" rx="2" fill="#003BC4"/>
        </svg>
        </div>
    </div>
    <div className="grow shrink basis-0 h-2.5 px-2 rounded-sm flex-col justify-center items-center inline-flex">
        <div className="self-stretch grow shrink basis-0 bg-[#003bc4] rounded-sm" />
    </div>
    <div className="w-[111.58px] h-2.5 pl-2 justify-start items-center inline-flex">
        <div data-svg-wrapper className="relative">
        <svg width="5" height="33" viewBox="0 0 5 33" fill="none" xmlns="http://www.w3.org/2000/svg">
        <rect x="0.415283" y="0.5" width="4" height="32" rx="2" fill="#003BC4"/>
        </svg>
        </div>
        <div className="grow shrink basis-0 self-stretch flex-col justify-center items-end inline-flex">
            <div className="self-stretch grow shrink basis-0 bg-[#27edb9] rounded-tl-sm rounded-tr-2xl rounded-bl-sm rounded-br-2xl" />
            <div className="w-1 h-1 relative">
                <div className="w-1 h-1 left-0 top-0 absolute bg-[#003bc4] rounded-full" />
            </div>
        </div>
    </div>
</div>