huncholaneheader buy button implements new text shadow
huncholane2 files changed, +8 -4
+7-0twench_landing_page/components/Header/Header.css
| @@ -1,3 +1,10 @@ | ||
| 1 | 1 | .Header { |
| 2 | 2 | @apply h-32 flex justify-between -mb-32; |
| 3 | 3 | } |
| 4 | + | |
| 5 | +.HeaderBuyButton { | |
| 6 | + @apply p-1 sm:p-3 border-black bg-background my-auto; | |
| 7 | + @apply rounded-full border-4 text-[12px] leading-[30.52px]; | |
| 8 | + @apply cursor-pointer hover:brightness-150 sm:text-[28px]; | |
| 9 | + @apply mr-3 sm:mr-0 text-shadow-[2px] sm:text-shadow-[3px] text-white; | |
| 10 | +} |
+1-4twench_landing_page/components/Header/Header.tsx
| @@ -40,10 +40,7 @@ const Header = () => { | ||
| 40 | 40 | /> |
| 41 | 41 | </a> |
| 42 | 42 | </div> |
| 43 | - <a | |
| 44 | - className="p-1 sm:p-3 border-black bg-background my-auto rounded-full border-4 text-[12px] leading-[30.52px] cursor-pointer hover:brightness-150 sm:text-[28px] mr-3 sm:mr-0 small-text-shadow sm:text-shadow text-white" | |
| 45 | - href="" | |
| 46 | - > | |
| 43 | + <a className="HeaderBuyButton" href=""> | |
| 47 | 44 | BUY $TWENCH |
| 48 | 45 | </a> |
| 49 | 46 | <div className="hidden sm:block"></div> |