mikeconrad/blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Minimal design detail

Browse Source
This commit is contained in:
prototypa
2022-09-09 22:04:08 -04:00
parent 4438996861
commit f4c4c2b7b4
3 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/widgets/CallToAction.astro
View File

@ -9,7 +9,7 @@ const {} = Astro.props;
<div class="py-12 md:py-20"> <div class="py-12 md:py-20">
<div class="max-w-3xl mx-auto text-center p-6 rounded-md shadow-xl dark:shadow-none"> <div class="max-w-3xl mx-auto text-center p-6 rounded-md shadow-xl dark:shadow-none">
<h2 class="text-4xl md:text-4xl font-bold leading-tighter tracking-tighter mb-4 font-heading"> <h2 class="text-4xl md:text-4xl font-bold leading-tighter tracking-tighter mb-4 font-heading">
<span>Astro</span> + <span class="sm:whitespace-nowrap">Tailwind CSS</span> <span>Astro</span> + <br class="block sm:hidden" /><span class="sm:whitespace-nowrap">Tailwind CSS</span>
</h2> </h2>
<p class="text-xl text-gray-600 dark:text-slate-400"> <p class="text-xl text-gray-600 dark:text-slate-400">
Be very surprised by these huge fake numbers you are seeing on this page. <br class="hidden md:inline" />Don't Be very surprised by these huge fake numbers you are seeing on this page. <br class="hidden md:inline" />Don't
@ -23,7 +23,7 @@ const {} = Astro.props;
target="_blank" target="_blank"
rel="noopener" rel="noopener"
> >
<Icon name="tabler:download" class="w-5 h-5 mr-1 -ml-1.5 hidden sm:inline-block" /> Get template <Icon name="tabler:download" class="w-5 h-5 mr-1 -ml-1.5" /> Get template
</a> </a>
</div> </div>
</div> </div>

2
src/components/widgets/Features3.astro
View File

@ -28,7 +28,7 @@ const {} = Astro.props;
target="_blank" target="_blank"
rel="noopener" rel="noopener"
> >
<Icon name="tabler:download" class="w-5 h-5 mr-1 -ml-1.5 hidden sm:inline-block" /> Get template <Icon name="tabler:download" class="w-5 h-5 mr-1 -ml-1.5" /> Get template
</a> </a>
</div> </div>
</div> </div>

12
src/components/widgets/Hero.astro
View File

@ -23,20 +23,20 @@ const {} = Astro.props;
designed following Best Practices, SEO, Accessibility, Dark Mode, great Page Speed, image optimization, designed following Best Practices, SEO, Accessibility, Dark Mode, great Page Speed, image optimization,
sitemap generation and more. sitemap generation and more.
</p> </p>
<div class="max-w-none flex justify-center"> <div class="max-w-none px-6 flex flex-nowrap flex-col sm:flex-row sm:justify-center gap-4">
<div> <div class="flex w-full sm:w-auto">
<a <a
class="btn text-white bg-primary-600 hover:bg-primary-800 mb-4 sm:mb-0 font-bold" class="btn text-white border border-primary-600 bg-primary-600 hover:bg-primary-800 hover:border-primary-800 sm:mb-0 font-bold w-full"
href="https://github.com/onwidget/astrowind" href="https://github.com/onwidget/astrowind"
target="_blank" target="_blank"
rel="noopener" rel="noopener"
> >
<Icon name="tabler:download" class="w-5 h-5 mr-1 -ml-1.5 hidden sm:inline-block" /> Get template <Icon name="tabler:download" class="w-5 h-5 mr-1 -ml-1.5" /> Get template
</a> </a>
</div> </div>
<div> <div class="flex w-full sm:w-auto">
<a <a
class="btn text-white bg-gray-900 hover:bg-gray-700 dark:bg-gray-700 dark:hover:bg-gray-800 ml-4" class="btn text-white bg-gray-900 hover:bg-gray-700 dark:bg-gray-700 dark:hover:bg-gray-800 w-full"
href="#features" href="#features"
>Learn more >Learn more
</a> </a>