info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-18 15:11:18 +02:00
Code Issues Releases Wiki Activity

Refactor upcoming form

Browse Source
This commit is contained in:
Kamran Ahmed
2023-05-04 18:18:44 +01:00
parent 40371cdded
commit 2d17a267be
2 changed files with 6 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/UpcomingForm.astro
View File

@@ -12,7 +12,7 @@ import Icon from './AstroIcon.astro';
You will be notified by email when the roadmap is ready. You will be notified by email when the roadmap is ready.
</p> </p>
<p <p
class='mb-0 inline-flex hidden text-gray-600 sm:mb-5' class='mb-0 inline-flex text-gray-600 sm:mb-5'
data-guest-required data-guest-required
> >
Please check back later or subscribe below. Please check back later or subscribe below.
@@ -23,27 +23,20 @@ import Icon from './AstroIcon.astro';
data-popup='login-popup' data-popup='login-popup'
type='button' type='button'
name='submit' name='submit'
class='font-regular text-md mt-5 hidden w-full rounded-md bg-gradient-to-r from-amber-700 to-blue-800 px-5 py-2.5 text-center text-white hover:from-amber-800 hover:to-blue-900 sm:mt-0' class='font-regular text-md mt-5 w-full rounded-md bg-gray-700 px-5 py-2.5 text-center text-white hover:bg-black sm:mt-0'
aria-label='Get Notified' aria-label='Get Notified'
ga-category='notification'
ga-action='Clicked Popup Opener'
ga-label='Get Notified Popup'
> >
Get Notified Notify me when ready!
</button> </button>
<button <button
data-auth-required data-auth-required
type='button' type='button'
disabled disabled
name='submit' name='submit'
class='font-regular text-md mt-5 flex hidden w-full items-center justify-center gap-2 rounded-md bg-gray-300 px-5 py-2.5 text-center text-gray-800' class='font-regular text-md mt-5 sm:mt-0 flex hidden w-full items-center justify-center gap-2 rounded-md bg-gray-300 px-5 py-2.5 text-center text-gray-800'
aria-label='Get Notified' aria-label='Get Notified'
ga-category='notification'
ga-action='Clicked Popup Opener'
ga-label='Get Notified Popup'
> >
<Icon icon='check' /> Please check back later
Subscribed
</button> </button>
</div> </div>
</div> </div>

2
src/icons/check.svg
View File

@@ -1,3 +1,3 @@
<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.5 9.99933L14 1.49933L12.5 0L5.5 6.99933L1.5 2.99687L0 4.49933L5.5 9.99933Z" fill="currentColor"/> <path d="M5.5 9.99933L14 1.49933L12.5 0L5.5 6.99933L1.5 2.99687L0 4.49933L5.5 9.99933Z" fill="white"/>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 215 B

After

Width:  |  Height:  |  Size: 208 B