forked from cerc-io/snowballtools-base
refactor: update wavy border svg
This commit is contained in:
Zachery Ng committed
1 parent
6dbfdafe2a
commit
f3a7f4dea5
9 files changed
+51
-49
No files matched your search
@@ -1,10 +0,0 @@
|
||||
<svg width="333" height="5" viewBox="0 0 333 5" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0 4L6.39555 1.30714C8.38078 0.47125 10.6192 0.47125 12.6045 1.30714L15.8955 2.69286C17.8808 3.52875 20.1192 3.52875 22.1045 2.69286L25.3955 1.30714C27.3808 0.47125 29.6192 0.47125 31.6045 1.30714L34.8955 2.69286C36.8808 3.52875 39.1192 3.52875 41.1045 2.69286L44.3955 1.30714C46.3808 0.47125 48.6192 0.47125 50.6045 1.30714L53.8955 2.69286C55.8808 3.52875 58.1192 3.52875 60.1045 2.69286L63.3955 1.30714C65.3808 0.47125 67.6192 0.47125 69.6045 1.30714L72.8955 2.69286C74.8808 3.52875 77.1192 3.52875 79.1045 2.69286L82.3955 1.30714C84.3808 0.47125 86.6192 0.47125 88.6045 1.30714L91.8955 2.69286C93.8808 3.52875 96.1192 3.52875 98.1045 2.69286L101.396 1.30714C103.381 0.47125 105.619 0.47125 107.604 1.30714L110.896 2.69286C112.881 3.52875 115.119 3.52875 117.104 2.69286L120.396 1.30714C122.381 0.47125 124.619 0.47125 126.604 1.30714L129.896 2.69286C131.881 3.52875 134.119 3.52875 136.104 2.69286L139.396 1.30714C141.381 0.47125 143.619 0.47125 145.604 1.30714L148.896 2.69286C150.881 3.52875 153.119 3.52875 155.104 2.69286L158.396 1.30714C160.381 0.47125 162.619 0.47125 164.604 1.30714L167.896 2.69286C169.881 3.52875 172.119 3.52875 174.104 2.69286L177.396 1.30714C179.381 0.47125 181.619 0.47125 183.604 1.30714L186.896 2.69286C188.881 3.52875 191.119 3.52875 193.104 2.69286L196.396 1.30714C198.381 0.47125 200.619 0.47125 202.604 1.30714L205.896 2.69286C207.881 3.52875 210.119 3.52875 212.104 2.69286L215.396 1.30714C217.381 0.47125 219.619 0.47125 221.604 1.30714L224.896 2.69286C226.881 3.52875 229.119 3.52875 231.104 2.69286L234.396 1.30714C236.381 0.47125 238.619 0.47125 240.604 1.30714L243.896 2.69286C245.881 3.52875 248.119 3.52875 250.104 2.69286L253.396 1.30714C255.381 0.47125 257.619 0.47125 259.604 1.30714L262.896 2.69286C264.881 3.52875 267.119 3.52875 269.104 2.69286L272.396 1.30714C274.381 0.47125 276.619 0.47125 278.604 1.30714L281.896 2.69286C283.881 3.52875 286.119 3.52875 288.104 2.69286L291.396 1.30714C293.381 0.47125 295.619 0.47125 297.604 1.30714L300.896 2.69286C302.881 3.52875 305.119 3.52875 307.104 2.69286L310.396 1.30714C312.381 0.47125 314.619 0.47125 316.604 1.30714L319.973 2.72566C321.913 3.54216 324.095 3.56183 326.049 2.78039L330.029 1.18845C331.936 0.425535 334.064 0.425535 335.971 1.18845L343 4" stroke="#DBEBF9"/>
|
||||
<path d="M6.39555 1.30714L0 4H342.5L336.027 1.27434C334.087 0.457837 331.905 0.438174 329.951 1.21961L326.049 2.78039C324.095 3.56183 321.913 3.54216 319.973 2.72566L316.604 1.30714C314.619 0.47125 312.381 0.47125 310.396 1.30714L307.104 2.69286C305.119 3.52875 302.881 3.52875 300.896 2.69286L297.604 1.30714C295.619 0.47125 293.381 0.47125 291.396 1.30714L288.104 2.69286C286.119 3.52875 283.881 3.52875 281.896 2.69286L278.604 1.30714C276.619 0.47125 274.381 0.47125 272.396 1.30714L269.104 2.69286C267.119 3.52875 264.881 3.52875 262.896 2.69286L259.604 1.30714C257.619 0.47125 255.381 0.47125 253.396 1.30714L250.104 2.69286C248.119 3.52875 245.881 3.52875 243.896 2.69286L240.604 1.30714C238.619 0.47125 236.381 0.47125 234.396 1.30714L231.104 2.69286C229.119 3.52875 226.881 3.52875 224.896 2.69286L221.604 1.30714C219.619 0.47125 217.381 0.47125 215.396 1.30714L212.104 2.69286C210.119 3.52875 207.881 3.52875 205.896 2.69286L202.604 1.30714C200.619 0.47125 198.381 0.47125 196.396 1.30714L193.104 2.69286C191.119 3.52875 188.881 3.52875 186.896 2.69286L183.604 1.30714C181.619 0.47125 179.381 0.47125 177.396 1.30714L174.104 2.69286C172.119 3.52875 169.881 3.52875 167.896 2.69286L164.604 1.30714C162.619 0.47125 160.381 0.47125 158.396 1.30714L155.104 2.69286C153.119 3.52875 150.881 3.52875 148.896 2.69286L145.604 1.30714C143.619 0.47125 141.381 0.47125 139.396 1.30714L136.104 2.69286C134.119 3.52875 131.881 3.52875 129.896 2.69286L126.604 1.30714C124.619 0.47125 122.381 0.47125 120.396 1.30714L117.104 2.69286C115.119 3.52875 112.881 3.52875 110.896 2.69286L107.604 1.30714C105.619 0.47125 103.381 0.47125 101.396 1.30714L98.1045 2.69286C96.1192 3.52875 93.8808 3.52875 91.8955 2.69286L88.6045 1.30714C86.6192 0.47125 84.3808 0.47125 82.3955 1.30714L79.1045 2.69286C77.1192 3.52875 74.8808 3.52875 72.8955 2.69286L69.6045 1.30714C67.6192 0.47125 65.3808 0.47125 63.3955 1.30714L60.1045 2.69286C58.1192 3.52875 55.8808 3.52875 53.8955 2.69286L50.6045 1.30714C48.6192 0.47125 46.3808 0.47125 44.3955 1.30714L41.1045 2.69286C39.1192 3.52875 36.8808 3.52875 34.8955 2.69286L31.6045 1.30714C29.6192 0.47125 27.3808 0.47125 25.3955 1.30714L22.1045 2.69286C20.1192 3.52875 17.8808 3.52875 15.8955 2.69286L12.6045 1.30714C10.6192 0.47125 8.38078 0.47125 6.39555 1.30714Z" fill="url(#paint0_linear_1729_11298)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1729_11298" x1="171.25" y1="0" x2="171.25" y2="4" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#E6F4FF"/>
|
||||
<stop offset="1" stop-color="#F9FCFF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 4.8 KiB |
@@ -1,13 +0,0 @@
|
||||
<svg width="1079" height="4" viewBox="0 0 1079 4" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_417_1077)">
|
||||
<path d="M0 4L6.39555 1.30714C8.38078 0.47125 10.6192 0.47125 12.6045 1.30714L15.8955 2.69286C17.8808 3.52875 20.1192 3.52875 22.1045 2.69286L25.3955 1.30714C27.3808 0.47125 29.6192 0.47125 31.6045 1.30714L34.8955 2.69286C36.8808 3.52875 39.1192 3.52875 41.1045 2.69286L44.3955 1.30714C46.3808 0.47125 48.6192 0.47125 50.6045 1.30714L53.8955 2.69286C55.8808 3.52875 58.1192 3.52875 60.1045 2.69286L63.3955 1.30714C65.3808 0.47125 67.6192 0.47125 69.6045 1.30714L72.8955 2.69286C74.8808 3.52875 77.1192 3.52875 79.1045 2.69286L82.3955 1.30714C84.3808 0.47125 86.6192 0.47125 88.6045 1.30714L91.8955 2.69286C93.8808 3.52875 96.1192 3.52875 98.1045 2.69286L101.396 1.30714C103.381 0.47125 105.619 0.47125 107.604 1.30714L110.896 2.69286C112.881 3.52875 115.119 3.52875 117.104 2.69286L120.396 1.30714C122.381 0.47125 124.619 0.47125 126.604 1.30714L129.896 2.69286C131.881 3.52875 134.119 3.52875 136.104 2.69286L139.396 1.30714C141.381 0.47125 143.619 0.47125 145.604 1.30714L148.896 2.69286C150.881 3.52875 153.119 3.52875 155.104 2.69286L158.396 1.30714C160.381 0.47125 162.619 0.47125 164.604 1.30714L167.896 2.69286C169.881 3.52875 172.119 3.52875 174.104 2.69286L177.396 1.30714C179.381 0.47125 181.619 0.47125 183.604 1.30714L186.896 2.69286C188.881 3.52875 191.119 3.52875 193.104 2.69286L196.396 1.30714C198.381 0.47125 200.619 0.47125 202.604 1.30714L205.896 2.69286C207.881 3.52875 210.119 3.52875 212.104 2.69286L215.396 1.30714C217.381 0.47125 219.619 0.47125 221.604 1.30714L224.896 2.69286C226.881 3.52875 229.119 3.52875 231.104 2.69286L234.396 1.30714C236.381 0.47125 238.619 0.47125 240.604 1.30714L243.896 2.69286C245.881 3.52875 248.119 3.52875 250.104 2.69286L253.396 1.30714C255.381 0.47125 257.619 0.47125 259.604 1.30714L262.896 2.69286C264.881 3.52875 267.119 3.52875 269.104 2.69286L272.396 1.30714C274.381 0.47125 276.619 0.47125 278.604 1.30714L281.896 2.69286C283.881 3.52875 286.119 3.52875 288.104 2.69286L291.396 1.30714C293.381 0.47125 295.619 0.47125 297.604 1.30714L300.896 2.69286C302.881 3.52875 305.119 3.52875 307.104 2.69286L310.396 1.30714C312.381 0.47125 314.619 0.47125 316.604 1.30714L319.973 2.72566C321.913 3.54216 324.095 3.56183 326.049 2.78039L330.029 1.18845C331.936 0.425535 334.064 0.425535 335.971 1.18845L343 4" stroke="#082F56" stroke-opacity="0.1"/>
|
||||
<path d="M343 4L349.396 1.30714C351.381 0.47125 353.619 0.47125 355.604 1.30714L358.896 2.69286C360.881 3.52875 363.119 3.52875 365.104 2.69286L368.396 1.30714C370.381 0.47125 372.619 0.47125 374.604 1.30714L377.896 2.69286C379.881 3.52875 382.119 3.52875 384.104 2.69286L387.396 1.30714C389.381 0.47125 391.619 0.47125 393.604 1.30714L396.896 2.69286C398.881 3.52875 401.119 3.52875 403.104 2.69286L406.396 1.30714C408.381 0.47125 410.619 0.47125 412.604 1.30714L415.896 2.69286C417.881 3.52875 420.119 3.52875 422.104 2.69286L425.396 1.30714C427.381 0.47125 429.619 0.47125 431.604 1.30714L434.896 2.69286C436.881 3.52875 439.119 3.52875 441.104 2.69286L444.396 1.30714C446.381 0.47125 448.619 0.47125 450.604 1.30714L453.896 2.69286C455.881 3.52875 458.119 3.52875 460.104 2.69286L463.396 1.30714C465.381 0.47125 467.619 0.47125 469.604 1.30714L472.896 2.69286C474.881 3.52875 477.119 3.52875 479.104 2.69286L482.396 1.30714C484.381 0.47125 486.619 0.47125 488.604 1.30714L491.896 2.69286C493.881 3.52875 496.119 3.52875 498.104 2.69286L501.396 1.30714C503.381 0.47125 505.619 0.47125 507.604 1.30714L510.896 2.69286C512.881 3.52875 515.119 3.52875 517.104 2.69286L520.396 1.30714C522.381 0.47125 524.619 0.47125 526.604 1.30714L529.896 2.69286C531.881 3.52875 534.119 3.52875 536.104 2.69286L539.396 1.30714C541.381 0.47125 543.619 0.47125 545.604 1.30714L548.896 2.69286C550.881 3.52875 553.119 3.52875 555.104 2.69286L558.396 1.30714C560.381 0.47125 562.619 0.47125 564.604 1.30714L567.896 2.69286C569.881 3.52875 572.119 3.52875 574.104 2.69286L577.396 1.30714C579.381 0.47125 581.619 0.47125 583.604 1.30714L586.896 2.69286C588.881 3.52875 591.119 3.52875 593.104 2.69286L596.396 1.30714C598.381 0.47125 600.619 0.47125 602.604 1.30714L605.896 2.69286C607.881 3.52875 610.119 3.52875 612.104 2.69286L615.396 1.30714C617.381 0.47125 619.619 0.47125 621.604 1.30714L624.896 2.69286C626.881 3.52875 629.119 3.52875 631.104 2.69286L634.396 1.30714C636.381 0.47125 638.619 0.47125 640.604 1.30714L643.896 2.69286C645.881 3.52875 648.119 3.52875 650.104 2.69286L653.396 1.30714C655.381 0.47125 657.619 0.47125 659.604 1.30714L662.973 2.72566C664.913 3.54216 667.095 3.56183 669.049 2.78039L673.029 1.18845C674.936 0.425535 677.064 0.425535 678.971 1.18845L686 4" stroke="#082F56" stroke-opacity="0.1"/>
|
||||
<path d="M1028.81 4.46424C1029.07 4.56679 1029.36 4.44209 1029.46 4.1857C1029.57 3.9293 1029.44 3.63832 1029.19 3.53576L1028.81 4.46424ZM1021.97 1.18845L1021.79 1.65269L1021.97 1.18845ZM1005.97 2.72566L1006.17 2.26484L1005.97 2.72566ZM1012.05 2.78039L1012.23 3.24463L1012.05 2.78039ZM996.396 1.30714L996.59 1.76796L996.396 1.30714ZM1002.6 1.30714L1002.41 1.76796L1002.6 1.30714ZM986.896 2.69286L987.09 2.23204L986.896 2.69286ZM993.104 2.69286L992.91 2.23204L993.104 2.69286ZM977.396 1.30714L977.59 1.76796L977.396 1.30714ZM983.604 1.30714L983.41 1.76796L983.604 1.30714ZM967.896 2.69286L968.09 2.23204L967.896 2.69286ZM974.104 2.69286L973.91 2.23204L974.104 2.69286ZM958.396 1.30714L958.59 1.76796L958.396 1.30714ZM964.604 1.30714L964.41 1.76796L964.604 1.30714ZM948.896 2.69286L949.09 2.23204L948.896 2.69286ZM955.104 2.69286L954.91 2.23204L955.104 2.69286ZM939.396 1.30714L939.59 1.76796L939.396 1.30714ZM945.604 1.30714L945.41 1.76796L945.604 1.30714ZM929.896 2.69286L930.09 2.23204L929.896 2.69286ZM936.104 2.69286L935.91 2.23204L936.104 2.69286ZM920.396 1.30714L920.59 1.76796L920.396 1.30714ZM926.604 1.30714L926.41 1.76796L926.604 1.30714ZM910.896 2.69286L911.09 2.23204L910.896 2.69286ZM917.104 2.69286L916.91 2.23204L917.104 2.69286ZM901.396 1.30714L901.59 1.76796L901.396 1.30714ZM907.604 1.30714L907.41 1.76796L907.604 1.30714ZM891.896 2.69286L892.09 2.23204L891.896 2.69286ZM898.104 2.69286L897.91 2.23204L898.104 2.69286ZM882.396 1.30714L882.59 1.76796L882.396 1.30714ZM888.604 1.30714L888.41 1.76796L888.604 1.30714ZM872.896 2.69286L873.09 2.23204L872.896 2.69286ZM879.104 2.69286L878.91 2.23204L879.104 2.69286ZM863.396 1.30714L863.59 1.76796L863.396 1.30714ZM869.604 1.30714L869.41 1.76796L869.604 1.30714ZM853.896 2.69286L854.09 2.23204L853.896 2.69286ZM860.104 2.69286L859.91 2.23204L860.104 2.69286ZM844.396 1.30714L844.59 1.76796L844.396 1.30714ZM850.604 1.30714L850.41 1.76796L850.604 1.30714ZM834.896 2.69286L835.09 2.23204L834.896 2.69286ZM841.104 2.69286L840.91 2.23204L841.104 2.69286ZM825.396 1.30714L825.59 1.76796L825.396 1.30714ZM831.604 1.30714L831.41 1.76796L831.604 1.30714ZM815.896 2.69286L816.09 2.23204L815.896 2.69286ZM822.104 2.69286L821.91 2.23204L822.104 2.69286ZM806.396 1.30714L806.202 0.846321L806.396 1.30714ZM812.604 1.30714L812.798 0.846322L812.604 1.30714ZM796.896 2.69286L796.702 3.15368L796.896 2.69286ZM787.396 1.30714L787.202 0.846321L787.396 1.30714ZM777.896 2.69286L777.702 3.15368L777.896 2.69286ZM768.396 1.30714L768.202 0.846321L768.396 1.30714ZM758.896 2.69286L758.702 3.15368L758.896 2.69286ZM746.104 2.69286L745.91 2.23204L746.104 2.69286ZM736.604 1.30714L736.41 1.76796L736.604 1.30714ZM727.104 2.69286L726.91 2.23204L727.104 2.69286ZM708.104 2.69286L707.91 2.23204L708.104 2.69286ZM686.194 4.46082L692.59 1.76796L692.202 0.846321L685.806 3.53918L686.194 4.46082ZM698.41 1.76796L701.702 3.15368L702.09 2.23204L698.798 0.846322L698.41 1.76796ZM708.298 3.15368L711.59 1.76796L711.202 0.846321L707.91 2.23204L708.298 3.15368ZM717.41 1.76796L720.702 3.15368L721.09 2.23204L717.798 0.846322L717.41 1.76796ZM727.298 3.15368L730.59 1.76796L730.202 0.846321L726.91 2.23204L727.298 3.15368ZM736.41 1.76796L739.702 3.15368L740.09 2.23204L736.798 0.846322L736.41 1.76796ZM746.298 3.15368L749.59 1.76796L749.202 0.846321L745.91 2.23204L746.298 3.15368ZM755.41 1.76796L758.702 3.15368L759.09 2.23204L755.798 0.846322L755.41 1.76796ZM765.298 3.15368L768.59 1.76796L768.202 0.846321L764.91 2.23204L765.298 3.15368ZM774.41 1.76796L777.702 3.15368L778.09 2.23204L774.798 0.846322L774.41 1.76796ZM784.298 3.15368L787.59 1.76796L787.202 0.846321L783.91 2.23204L784.298 3.15368ZM793.41 1.76796L796.702 3.15368L797.09 2.23204L793.798 0.846322L793.41 1.76796ZM803.298 3.15368L806.59 1.76796L806.202 0.846321L802.91 2.23204L803.298 3.15368ZM812.41 1.76796L815.702 3.15368L816.09 2.23204L812.798 0.846322L812.41 1.76796ZM822.298 3.15368L825.59 1.76796L825.202 0.846321L821.91 2.23204L822.298 3.15368ZM831.41 1.76796L834.702 3.15368L835.09 2.23204L831.798 0.846322L831.41 1.76796ZM841.298 3.15368L844.59 1.76796L844.202 0.846321L840.91 2.23204L841.298 3.15368ZM850.41 1.76796L853.702 3.15368L854.09 2.23204L850.798 0.846322L850.41 1.76796ZM860.298 3.15368L863.59 1.76796L863.202 0.846321L859.91 2.23204L860.298 3.15368ZM869.41 1.76796L872.702 3.15368L873.09 2.23204L869.798 0.846322L869.41 1.76796ZM879.298 3.15368L882.59 1.76796L882.202 0.846321L878.91 2.23204L879.298 3.15368ZM888.41 1.76796L891.702 3.15368L892.09 2.23204L888.798 0.846322L888.41 1.76796ZM898.298 3.15368L901.59 1.76796L901.202 0.846321L897.91 2.23204L898.298 3.15368ZM907.41 1.76796L910.702 3.15368L911.09 2.23204L907.798 0.846322L907.41 1.76796ZM917.298 3.15368L920.59 1.76796L920.202 0.846321L916.91 2.23204L917.298 3.15368ZM926.41 1.76796L929.702 3.15368L930.09 2.23204L926.798 0.846322L926.41 1.76796ZM936.298 3.15368L939.59 1.76796L939.202 0.846321L935.91 2.23204L936.298 3.15368ZM945.41 1.76796L948.702 3.15368L949.09 2.23204L945.798 0.846322L945.41 1.76796ZM955.298 3.15368L958.59 1.76796Line truncated
|
||||
<path d="M1371.81 4.46424C1372.07 4.56679 1372.36 4.44209 1372.46 4.1857C1372.57 3.9293 1372.44 3.63832 1372.19 3.53576L1371.81 4.46424ZM1364.97 1.18845L1364.79 1.65269L1364.97 1.18845ZM1348.97 2.72566L1349.17 2.26484L1348.97 2.72566ZM1355.05 2.78039L1355.23 3.24463L1355.05 2.78039ZM1339.4 1.30714L1339.59 1.76796L1339.4 1.30714ZM1345.6 1.30714L1345.41 1.76796L1345.6 1.30714ZM1329.9 2.69286L1330.09 2.23204L1329.9 2.69286ZM1336.1 2.69286L1335.91 2.23204L1336.1 2.69286ZM1320.4 1.30714L1320.59 1.76796L1320.4 1.30714ZM1326.6 1.30714L1326.41 1.76796L1326.6 1.30714ZM1310.9 2.69286L1311.09 2.23204L1310.9 2.69286ZM1317.1 2.69286L1316.91 2.23204L1317.1 2.69286ZM1301.4 1.30714L1301.59 1.76796L1301.4 1.30714ZM1307.6 1.30714L1307.41 1.76796L1307.6 1.30714ZM1291.9 2.69286L1292.09 2.23204L1291.9 2.69286ZM1298.1 2.69286L1297.91 2.23204L1298.1 2.69286ZM1282.4 1.30714L1282.59 1.76796L1282.4 1.30714ZM1288.6 1.30714L1288.41 1.76796L1288.6 1.30714ZM1272.9 2.69286L1273.09 2.23204L1272.9 2.69286ZM1279.1 2.69286L1278.91 2.23204L1279.1 2.69286ZM1263.4 1.30714L1263.59 1.76796L1263.4 1.30714ZM1269.6 1.30714L1269.41 1.76796L1269.6 1.30714ZM1253.9 2.69286L1254.09 2.23204L1253.9 2.69286ZM1260.1 2.69286L1259.91 2.23204L1260.1 2.69286ZM1244.4 1.30714L1244.59 1.76796L1244.4 1.30714ZM1250.6 1.30714L1250.41 1.76796L1250.6 1.30714ZM1234.9 2.69286L1235.09 2.23204L1234.9 2.69286ZM1241.1 2.69286L1240.91 2.23204L1241.1 2.69286ZM1225.4 1.30714L1225.59 1.76796L1225.4 1.30714ZM1231.6 1.30714L1231.41 1.76796L1231.6 1.30714ZM1215.9 2.69286L1216.09 2.23204L1215.9 2.69286ZM1222.1 2.69286L1221.91 2.23204L1222.1 2.69286ZM1206.4 1.30714L1206.59 1.76796L1206.4 1.30714ZM1212.6 1.30714L1212.41 1.76796L1212.6 1.30714ZM1196.9 2.69286L1197.09 2.23204L1196.9 2.69286ZM1203.1 2.69286L1202.91 2.23204L1203.1 2.69286ZM1187.4 1.30714L1187.59 1.76796L1187.4 1.30714ZM1193.6 1.30714L1193.41 1.76796L1193.6 1.30714ZM1177.9 2.69286L1178.09 2.23204L1177.9 2.69286ZM1184.1 2.69286L1183.91 2.23204L1184.1 2.69286ZM1168.4 1.30714L1168.59 1.76796L1168.4 1.30714ZM1174.6 1.30714L1174.41 1.76796L1174.6 1.30714ZM1158.9 2.69286L1159.09 2.23204L1158.9 2.69286ZM1165.1 2.69286L1164.91 2.23204L1165.1 2.69286ZM1149.4 1.30714L1149.2 0.846321L1149.4 1.30714ZM1155.6 1.30714L1155.8 0.846322L1155.6 1.30714ZM1139.9 2.69286L1139.7 3.15368L1139.9 2.69286ZM1130.4 1.30714L1130.2 0.846321L1130.4 1.30714ZM1120.9 2.69286L1120.7 3.15368L1120.9 2.69286ZM1111.4 1.30714L1111.2 0.846321L1111.4 1.30714ZM1101.9 2.69286L1101.7 3.15368L1101.9 2.69286ZM1089.1 2.69286L1088.91 2.23204L1089.1 2.69286ZM1079.6 1.30714L1079.41 1.76796L1079.6 1.30714ZM1070.1 2.69286L1069.91 2.23204L1070.1 2.69286ZM1051.1 2.69286L1050.91 2.23204L1051.1 2.69286ZM1029.19 4.46082L1035.59 1.76796L1035.2 0.846321L1028.81 3.53918L1029.19 4.46082ZM1041.41 1.76796L1044.7 3.15368L1045.09 2.23204L1041.8 0.846322L1041.41 1.76796ZM1051.3 3.15368L1054.59 1.76796L1054.2 0.846321L1050.91 2.23204L1051.3 3.15368ZM1060.41 1.76796L1063.7 3.15368L1064.09 2.23204L1060.8 0.846322L1060.41 1.76796ZM1070.3 3.15368L1073.59 1.76796L1073.2 0.846321L1069.91 2.23204L1070.3 3.15368ZM1079.41 1.76796L1082.7 3.15368L1083.09 2.23204L1079.8 0.846322L1079.41 1.76796ZM1089.3 3.15368L1092.59 1.76796L1092.2 0.846321L1088.91 2.23204L1089.3 3.15368ZM1098.41 1.76796L1101.7 3.15368L1102.09 2.23204L1098.8 0.846322L1098.41 1.76796ZM1108.3 3.15368L1111.59 1.76796L1111.2 0.846321L1107.91 2.23204L1108.3 3.15368ZM1117.41 1.76796L1120.7 3.15368L1121.09 2.23204L1117.8 0.846322L1117.41 1.76796ZM1127.3 3.15368L1130.59 1.76796L1130.2 0.846321L1126.91 2.23204L1127.3 3.15368ZM1136.41 1.76796L1139.7 3.15368L1140.09 2.23204L1136.8 0.846322L1136.41 1.76796ZM1146.3 3.15368L1149.59 1.76796L1149.2 0.846321L1145.91 2.23204L1146.3 3.15368ZM1155.41 1.76796L1158.7 3.15368L1159.09 2.23204L1155.8 0.846322L1155.41 1.76796ZM1165.3 3.15368L1168.59 1.76796L1168.2 0.846321L1164.91 2.23204L1165.3 3.15368ZM1174.41 1.76796L1177.7 3.15368L1178.09 2.23204L1174.8 0.846322L1174.41 1.76796ZM1184.3 3.15368L1187.59 1.76796L1187.2 0.846321L1183.91 2.23204L1184.3 3.15368ZM1193.41 1.76796L1196.7 3.15368L1197.09 2.23204L1193.8 0.846322L1193.41 1.76796ZM1203.3 3.15368L1206.59 1.76796L1206.2 0.846321L1202.91 2.23204L1203.3 3.15368ZM1212.41 1.76796L1215.7 3.15368L1216.09 2.23204L1212.8 0.846322L1212.41 1.76796ZM1222.3 3.15368L1225.59 1.76796L1225.2 0.846321L1221.91 2.23204L1222.3 3.15368ZM1231.41 1.76796L1234.7 3.15368L1235.09 2.23204L1231.8 0.846322L1231.41 1.76796ZM1241.3 3.15368L1244.59 1.76796L1244.2 0.846321L1240.91 2.23204L1241.3 3.15368ZM1250.41 1.76796L1253.7 3.15368L1254.09 2.23204L1250.8 0.846322L1250.41 1.76796ZM1260.3 3.15368L1263.59 1.76796L1263.2 0.846321L1259.91 2.23204L1260.3 3.15368ZM1269.41 1.76796L1272.7 3.15368L1273.09 2.23204L1269.8 0.846322L1269.41 1.76796ZM1279.3 3.15368L1282.59 1.76796L1282.2 0.846321L1278.91 2.23204L1279.3 3.15368ZM1288.41 1.76796L1291.7 3.15368L1292.09 2.23204L1288.8 0.846322L1288.41 1.76796ZM1298.3 3.15368L1301.59 1.76796L1301.2 0.846321L1297.91 2.23204L1298.3 3.15368ZM1307.41 1.7679Line truncated
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_417_1077">
|
||||
<rect width="1079" height="4" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 26 KiB |
@@ -0,0 +1,4 @@
|
||||
<svg width="19" height="4" viewBox="0 0 19 4" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M-12.6045 1.27694L-19 3.9698H37.5L34.8955 2.66266L31.6045 1.27694C29.6192 0.441052 27.3808 0.441052 25.3955 1.27694L22.1045 2.66266C20.1192 3.49855 17.8808 3.49855 15.8955 2.66266L12.6045 1.27694C10.6192 0.441052 8.38078 0.441052 6.39555 1.27694L3.10446 2.66266C1.11922 3.49855 -1.11922 3.49855 -3.10445 2.66266L-6.39554 1.27694C-8.38078 0.441052 -10.6192 0.441052 -12.6045 1.27694Z" fill="currentColor"/>
|
||||
<path d="M25.7836 1.58773L22.4925 2.97346C20.3832 3.86159 18.0049 3.86159 15.8955 2.97346L12.6045 1.58774C10.7433 0.804089 8.64476 0.804088 6.7836 1.58773L3.49251 2.97346C1.3832 3.86159 -0.99514 3.86159 -3.10445 2.97346L-6.39554 1.58774C-8.2567 0.804089 -10.3552 0.804088 -12.2164 1.58773L-18.6119 4.2806L-19 3.35896L-12.6045 0.666099C-10.4951 -0.222033 -8.1168 -0.222033 -6.00749 0.6661L-2.7164 2.05182C-0.855238 2.83547 1.2433 2.83547 3.10446 2.05182L6.39555 0.666099C8.50486 -0.222033 10.8832 -0.222033 12.9925 0.6661L16.2836 2.05182C18.1448 2.83547 20.2433 2.83547 22.1045 2.05182L25.3955 0.666099L25.7836 1.58773Z" fill="currentColor"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@@ -1,14 +0,0 @@
|
||||
<svg width="19" height="4" viewBox="0 0 19 4" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_1176_19293)">
|
||||
<path d="M-12.6045 1.30714L-19 4H323.5L317.027 1.27434C315.087 0.457837 312.905 0.438174 310.951 1.21961L307.049 2.78039C305.095 3.56183 302.913 3.54216 300.973 2.72566L297.604 1.30714C295.619 0.47125 293.381 0.47125 291.396 1.30714L288.104 2.69286C286.119 3.52875 283.881 3.52875 281.896 2.69286L278.604 1.30714C276.619 0.47125 274.381 0.47125 272.396 1.30714L269.104 2.69286C267.119 3.52875 264.881 3.52875 262.896 2.69286L259.604 1.30714C257.619 0.47125 255.381 0.47125 253.396 1.30714L250.104 2.69286C248.119 3.52875 245.881 3.52875 243.896 2.69286L240.604 1.30714C238.619 0.47125 236.381 0.47125 234.396 1.30714L231.104 2.69286C229.119 3.52875 226.881 3.52875 224.896 2.69286L221.604 1.30714C219.619 0.47125 217.381 0.47125 215.396 1.30714L212.104 2.69286C210.119 3.52875 207.881 3.52875 205.896 2.69286L202.604 1.30714C200.619 0.47125 198.381 0.47125 196.396 1.30714L193.104 2.69286C191.119 3.52875 188.881 3.52875 186.896 2.69286L183.604 1.30714C181.619 0.47125 179.381 0.47125 177.396 1.30714L174.104 2.69286C172.119 3.52875 169.881 3.52875 167.896 2.69286L164.604 1.30714C162.619 0.47125 160.381 0.47125 158.396 1.30714L155.104 2.69286C153.119 3.52875 150.881 3.52875 148.896 2.69286L145.604 1.30714C143.619 0.47125 141.381 0.47125 139.396 1.30714L136.104 2.69286C134.119 3.52875 131.881 3.52875 129.896 2.69286L126.604 1.30714C124.619 0.47125 122.381 0.47125 120.396 1.30714L117.104 2.69286C115.119 3.52875 112.881 3.52875 110.896 2.69286L107.604 1.30714C105.619 0.47125 103.381 0.47125 101.396 1.30714L98.1045 2.69286C96.1192 3.52875 93.8808 3.52875 91.8955 2.69286L88.6045 1.30714C86.6192 0.47125 84.3808 0.47125 82.3955 1.30714L79.1045 2.69286C77.1192 3.52875 74.8808 3.52875 72.8955 2.69286L69.6045 1.30714C67.6192 0.47125 65.3808 0.47125 63.3955 1.30714L60.1045 2.69286C58.1192 3.52875 55.8808 3.52875 53.8955 2.69286L50.6045 1.30714C48.6192 0.47125 46.3808 0.47125 44.3955 1.30714L41.1045 2.69286C39.1192 3.52875 36.8808 3.52875 34.8955 2.69286L31.6045 1.30714C29.6192 0.47125 27.3808 0.47125 25.3955 1.30714L22.1045 2.69286C20.1192 3.52875 17.8808 3.52875 15.8955 2.69286L12.6045 1.30714C10.6192 0.47125 8.38078 0.47125 6.39555 1.30714L3.10446 2.69286C1.11922 3.52875 -1.11922 3.52875 -3.10445 2.69286L-6.39554 1.30714C-8.38078 0.47125 -10.6192 0.47125 -12.6045 1.30714Z" fill="url(#paint0_linear_1176_19293)"/>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1176_19293" x1="152.25" y1="0" x2="152.25" y2="4" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#EBF6FF"/>
|
||||
<stop offset="1" stop-color="#F7FCFF" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<clipPath id="clip0_1176_19293">
|
||||
<rect width="19" height="4" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.7 KiB |
@@ -0,0 +1,15 @@
|
||||
<svg width="19" height="4" viewBox="0 0 19 4" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_1177_19315)">
|
||||
<path d="M-12.6045 1.27694L-19 3.9698H37.5L34.8955 2.66266L31.6045 1.27694C29.6192 0.441052 27.3808 0.441052 25.3955 1.27694L22.1045 2.66266C20.1192 3.49855 17.8808 3.49855 15.8955 2.66266L12.6045 1.27694C10.6192 0.441052 8.38078 0.441052 6.39555 1.27694L3.10446 2.66266C1.11922 3.49855 -1.11922 3.49855 -3.10445 2.66266L-6.39554 1.27694C-8.38078 0.441052 -10.6192 0.441052 -12.6045 1.27694Z" fill="url(#paint0_linear_1177_19315)"/>
|
||||
<path d="M25.7836 1.58773L22.4925 2.97346C20.3832 3.86159 18.0049 3.86159 15.8955 2.97346L12.6045 1.58774C10.7433 0.804089 8.64476 0.804088 6.7836 1.58773L3.49251 2.97346C1.3832 3.86159 -0.99514 3.86159 -3.10445 2.97346L-6.39554 1.58774C-8.2567 0.804089 -10.3552 0.804088 -12.2164 1.58773L-18.6119 4.2806L-19 3.35896L-12.6045 0.666099C-10.4951 -0.222033 -8.1168 -0.222033 -6.00749 0.6661L-2.7164 2.05182C-0.855238 2.83547 1.2433 2.83547 3.10446 2.05182L6.39555 0.666099C8.50486 -0.222033 10.8832 -0.222033 12.9925 0.6661L16.2836 2.05182C18.1448 2.83547 20.2433 2.83547 22.1045 2.05182L25.3955 0.666099L25.7836 1.58773Z" fill="#DBEBF9"/>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1177_19315" x1="9.25" y1="0.650024" x2="9.25" y2="3.9698" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#EBF6FF"/>
|
||||
<stop offset="1" stop-color="#F7FCFF" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<clipPath id="clip0_1177_19315">
|
||||
<rect width="19" height="4" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -1,2 +1,10 @@
|
||||
<svg width="19" height="4" viewBox="0 0 19 4" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_1175_19292)">
|
||||
<path d="M-9.5 0L-3.10445 2.69286C-1.11922 3.52875 1.11922 3.52875 3.10446 2.69286L6.39555 1.30714C8.38078 0.47125 10.6192 0.47125 12.6045 1.30714L15.8955 2.69286C17.8808 3.52875 20.1192 3.52875 22.1045 2.69286L28.5 0" stroke="#082F56" stroke-opacity="0.1"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_1175_19292">
|
||||
<rect width="19" height="4" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 101 B After Width: | Height: | Size: 507 B |
@@ -87,7 +87,10 @@ export const ProjectCard = ({
|
||||
</div>
|
||||
</div>
|
||||
{/* Wave */}
|
||||
<WavyBorder />
|
||||
<WavyBorder
|
||||
variant="stroke-and-fill"
|
||||
className="bg-surface-card-hovered"
|
||||
/>
|
||||
{/* Lower content */}
|
||||
<div className={theme.lowerContent()}>
|
||||
{/* Latest deployment */}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import React, { ComponentPropsWithoutRef, useMemo } from 'react';
|
||||
import { cn } from 'utils/classnames';
|
||||
|
||||
type WaveBorderVariant = 'card' | 'layout';
|
||||
type WaveBorderVariant = 'stroke' | 'stroke-and-fill';
|
||||
|
||||
export interface WavyBorderProps extends ComponentPropsWithoutRef<'div'> {
|
||||
variant?: WaveBorderVariant;
|
||||
@@ -9,27 +9,36 @@ export interface WavyBorderProps extends ComponentPropsWithoutRef<'div'> {
|
||||
|
||||
export const WavyBorder = ({
|
||||
className,
|
||||
variant = 'card',
|
||||
variant = 'stroke',
|
||||
...props
|
||||
}: WavyBorderProps) => {
|
||||
const imageSrc = useMemo(() => {
|
||||
switch (variant) {
|
||||
case 'card':
|
||||
return '/wave-border-card.svg';
|
||||
case 'layout':
|
||||
return '/wave-border-layout.svg';
|
||||
case 'stroke-and-fill':
|
||||
return '/wavy-border-line-and-fill.svg';
|
||||
case 'stroke':
|
||||
default:
|
||||
return '/wave-border-card.svg';
|
||||
return '/wavy-border-line.svg';
|
||||
}
|
||||
}, [variant]);
|
||||
|
||||
return (
|
||||
<div
|
||||
{...props}
|
||||
className={cn('w-full bg-repeat-x h-1 bg-top bg-cover', className)}
|
||||
className={cn(className)}
|
||||
style={{
|
||||
backgroundImage: `url(${imageSrc})`,
|
||||
// If adding background beneath the wave, we use mask
|
||||
mask: `url(/wavy-border-fill.svg) repeat-x top`,
|
||||
WebkitMask: `url(/wavy-border-fill.svg) repeat-x top`,
|
||||
}}
|
||||
/>
|
||||
>
|
||||
{/* Wave */}
|
||||
<div
|
||||
className="h-1 w-full bg-repeat-x bg-top"
|
||||
style={{
|
||||
backgroundImage: `url(${imageSrc})`,
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
@@ -29,7 +29,7 @@ export const CreateProjectLayout = ({
|
||||
</Button>
|
||||
</Link>
|
||||
</div>
|
||||
<WavyBorder variant="layout" />
|
||||
<WavyBorder />
|
||||
</div>
|
||||
<section className="px-6 h-full flex-1 py-6 overflow-y-auto">
|
||||
<Outlet />
|
||||
|
||||
Reference in new issue
Block a user