RanchiMall/bobsfund
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI update

Browse Source 
Added background for homepage
This commit is contained in:
sairaj mote 2021-05-06 03:40:55 +05:30
parent 97080cf617
commit 2a5e821bde
4 changed files with 24 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
assets/bg-1.svg
View File

@ -1,10 +1,24 @@
<svg width="1440" height="541" viewBox="0 0 1440 541" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<ellipse cx="1360.5" cy="96.5" rx="228.5" ry="224.5" fill="#FFF6A2"/>
<path d="M213.5 -445L877.308 704.75H-450.308L213.5 -445Z" fill="#1D1818"/>
<ellipse cx="1386.5" cy="286.5" rx="98.5" ry="99.5" fill="white"/>
<path d="M1229.04 405.497C1173.53 354.814 1169.61 268.724 1220.29 213.21C1270.98 157.695 1425.92 4.56977 1530.92 214.034C1618.85 425.594 1419.26 477.37 1368.58 532.884C1317.89 588.399 1284.56 456.18 1229.04 405.497Z" stroke="#4EFFEF" stroke-width="8" stroke-dasharray="30 20"/>
<path d="M1246.88 369.313C1208.76 322.36 1215.93 253.4 1262.88 215.286C1309.84 177.173 1451.4 73.8529 1509.91 253.041C1554.6 431.859 1389.63 449.213 1342.67 487.327C1295.72 525.44 1284.99 416.266 1246.88 369.313Z" fill="url(#paint0_linear)"/>
<path d="M162.771 596.127C162.771 617.943 72.5867 679.18 50.7715 679.18C28.9562 679.18 -112.729 562.127 -84.2288 436.127C-62.7288 272.627 61.2712 302.68 113.271 347.074C162.771 379.127 274.771 596.127 162.771 596.127Z" fill="url(#paint1_linear)"/>
<path d="M1621.89 647.88C1505.74 697.728 1479.42 776 1339.24 776C1268.77 776 1028.55 676.478 1097.21 503.745C1142.41 337.304 1268.77 343.024 1339.24 343.024C1570.97 353.319 1731.18 600.979 1621.89 647.88Z" fill="url(#paint2_linear)"/>
<path d="M-77.2852 1000.79L-73.5323 986.785L-87.5382 983.032C-90.0827 982.35 -95.0336 979.4 -102.114 971.584C-108.857 964.14 -116.248 953.729 -123.971 940.87C-139.388 915.201 -155.199 881.342 -169.071 845.968C-182.927 810.635 -194.657 774.28 -202.045 743.773C-205.743 728.506 -208.292 714.951 -209.515 703.863C-210.784 692.353 -210.441 684.974 -209.438 681.235C-209.439 681.235 -209.435 681.223 -209.427 681.197C-209.419 681.172 -209.407 681.135 -209.39 681.086C-209.355 680.987 -209.301 680.847 -209.222 680.665C-209.063 680.296 -208.821 679.799 -208.467 679.171C-207.75 677.898 -206.686 676.284 -205.191 674.327C-202.188 670.398 -197.842 665.601 -192.089 660.064C-180.602 649.008 -164.268 635.73 -143.821 621.447C-102.959 592.904 -46.5534 560.964 18.3975 535.212C148.787 483.517 310.487 457.914 450.152 530.138L452.675 531.442L455.504 531.699C472.079 533.2 500.442 546.805 530.843 573.454C560.668 599.597 590.576 636.697 610.804 682.026C650.727 771.488 653.816 894.828 539.031 1032.94C513.748 1054.57 458.683 1079.26 388.881 1099.87C319.025 1120.5 236.79 1136.37 160.35 1141.09C83.3416 1145.85 14.5422 1139.13 -30.0679 1116.66C-52.0281 1105.59 -67.2845 1091.15 -75.4494 1073.1C-83.6046 1055.08 -85.5362 1031.58 -77.2852 1000.79Z" stroke="#1A1BA0" stroke-width="29"/>
</g>
<defs>
<linearGradient id="paint0_linear" x1="1461.31" y1="422.556" x2="1281.08" y2="200.519" gradientUnits="userSpaceOnUse">
<stop stop-color="#00B55E"/>
<stop offset="1" stop-color="#4EFFEF"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="61.4447" y1="312" x2="9.5" y2="513.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#2353FF"/>
<stop offset="1" stop-color="#170071"/>
</linearGradient>
<linearGradient id="paint2_linear" x1="1207" y1="369.5" x2="1477" y2="819" gradientUnits="userSpaceOnUse">
<stop stop-color="#FCF7FF"/>
<stop offset="1" stop-color="#AEAEAE"/>
</linearGradient>
<clipPath id="clip0">
<rect width="1440" height="541" fill="white"/>
</clipPath>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 450 B

After

Width:  |  Height:  |  Size: 3.0 KiB

5
css/main.css
View File

@ -100,8 +100,8 @@ button {
color: inherit;
font-size: 0.9rem;
font-weight: 500;
border-radius: 0.3rem;
padding: 0.4rem 0.6rem;
border-radius: 0.2rem;
padding: 0.5rem 0.6rem;
-webkit-tap-highlight-color: transparent;
border: none;
}
@ -495,6 +495,7 @@ sm-option {
color: white;
padding: 2rem 0 12rem 0;
margin-bottom: -8rem;
background-image: url(../assets/bg-1.svg);
background-color: var(--accent-color);
background-size: cover;
}

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

6
css/main.scss
View File

@ -91,8 +91,8 @@ button{
color: inherit;
font-size: 0.9rem;
font-weight: 500;
border-radius: 0.3rem;
padding: 0.4rem 0.6rem;
border-radius: 0.2rem;
padding: 0.5rem 0.6rem;
-webkit-tap-highlight-color: transparent;
border: none;
}
@ -423,7 +423,7 @@ sm-option{
color: white;
padding: 2rem 0 12rem 0;
margin-bottom: -8rem;
// background-image: url(../assets/bg-1.svg);
background-image: url(../assets/bg-1.svg);
background-color: var(--accent-color);
background-size: cover;
p{