thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity
11faf3f810
plane/apps/app/public/onboarding/cycles.svg

44 lines
1.4 MiB
XML
Raw Normal View History

style: onboarding screens (#1412) * style: new onboarding screens * chore: onboarding tour screens * fix: build error * fix: build errors * style: default layout background * chor: update user auth hook logic, style: new onboarding screens * fix: component structure * chore: tab responsiveness added * fix: redirection logic * style: welcome screens responsiveness * chore: update workspace url input field * style: mobile responsiveness added * chore: complete onboarding workflow * style: create workspace page design update * style: workspace invitations page design update * chore: update steps logic * fix: step change logic * style: tour steps
2023-07-12 14:25:08 +00:00
<svg width="640" height="360" viewBox="0 0 640 360" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g clip-path="url(#clip0_408_5998)">
<g filter="url(#filter0_d_408_5998)">
<rect x="-125" y="165" width="683" height="450" rx="4" fill="url(#pattern0)" shape-rendering="crispEdges"/>
</g>
<g filter="url(#filter1_d_408_5998)">
<rect x="-352" y="67" width="682" height="450" rx="4" fill="url(#pattern1)" shape-rendering="crispEdges"/>
</g>
</g>
<defs>
<filter id="filter0_d_408_5998" x="-139" y="151" width="711" height="478" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="7"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_408_5998"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_408_5998" result="shape"/>
</filter>
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_408_5998" transform="scale(0.00041876 0.000635585)"/>
</pattern>
<filter id="filter1_d_408_5998" x="-366" y="53" width="710" height="478" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="7"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_408_5998"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_408_5998" result="shape"/>
</filter>
<pattern id="pattern1" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image1_408_5998" transform="scale(0.000419202 0.000635324)"/>
</pattern>
<clipPath id="clip0_408_5998">
<rect width="640" height="360" fill="white"/>
</clipPath>
<image id="image0_408_5998" width="2388" height="1574" xlink:href="data:image/png;base64,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
<image id="image1_408_5998" width="2386" height="1574" xlink:href="data:image/png;base64,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
</defs>
</svg>
Copy Permalink