huncholanebackpack picture on 884
huncholane2 files changed, +10 -2
+9-2twench_landing_page/components/BuySection/BuySection.css
| @@ -3,7 +3,7 @@ | ||
| 3 | 3 | } |
| 4 | 4 | |
| 5 | 5 | .BuySection .Content { |
| 6 | - @apply relative w-[320px] h-[550px] bg-red-500 top-[125px] left-[50%] transform -translate-x-1/2; | |
| 6 | + @apply relative w-[320px] h-[550px] top-[125px] left-[50%] transform -translate-x-1/2; | |
| 7 | 7 | @apply 552:w-[520px]; |
| 8 | 8 | } |
| 9 | 9 | |
| @@ -12,6 +12,13 @@ | ||
| 12 | 12 | @apply 844:right-1/2 844:left-0 844:w-auto 844:text-4xl 844:top-[120px]; |
| 13 | 13 | } |
| 14 | 14 | |
| 15 | +.BuySection .Content .BackpackSoldier { | |
| 16 | + background: url("/images/backpack.png") no-repeat; | |
| 17 | + background-size: contain; | |
| 18 | + @apply h-[280px] left-[50px] bottom-[70px] w-[480px] absolute hidden; | |
| 19 | + @apply 844:block; | |
| 20 | +} | |
| 21 | + | |
| 15 | 22 | .BuySection .Bulletin { |
| 16 | 23 | background: url("/images/bulletin.png") no-repeat; |
| 17 | 24 | background-size: contain; |
| @@ -20,7 +27,7 @@ | ||
| 20 | 27 | } |
| 21 | 28 | |
| 22 | 29 | .Bulletin .Text { |
| 23 | - @apply w-[200px] mt-[27px] text-[9px] mx-auto transform -rotate-[2.8deg]; | |
| 30 | + @apply w-[250px] mt-[27px] text-[9px] mx-auto transform -rotate-[2.8deg]; | |
| 24 | 31 | } |
| 25 | 32 | |
| 26 | 33 | .BuySection .Bulletin .Section { |
+1-0twench_landing_page/components/BuySection/BuySection.tsx
| @@ -41,6 +41,7 @@ const BuySection: React.FC = () => { | ||
| 41 | 41 | </div> |
| 42 | 42 | </div> |
| 43 | 43 | </div> |
| 44 | + <div className="BackpackSoldier"></div> | |
| 44 | 45 | <div className="CopyBtn">Click To Copy CA</div> |
| 45 | 46 | </div> |
| 46 | 47 | </div> |