Use Heading component with icon

This commit is contained in:
Sam Carlton 2022-07-07 14:37:57 -05:00
parent de88c2ca0c
commit 8660ced23c

View file

@ -5,7 +5,7 @@ import {
ensureListingDetails ensureListingDetails
} from '~/helpers/listing-page.js' } from '~/helpers/listing-page.js'
// import Devices from '~/src/components/listing-parts/devices.astro' import Heading from '~/src/components/listing-parts/heading.astro'
import RelatedVideos from '~/src/components/listing-parts/related-videos.astro' import RelatedVideos from '~/src/components/listing-parts/related-videos.astro'
import HtmlPlayer from '~/src/components/video/player.astro' import HtmlPlayer from '~/src/components/video/player.astro'
@ -56,9 +56,9 @@ const details = ensureListingDetails( listing )
<div <div
class="related-apps w-full" class="related-apps w-full"
> >
<h2 class="subtitle text-xl md:text-2xl font-bold mb-3"> <Heading
Related Apps text="📱 Related Apps"
</h2> />
<div class="featured-apps overflow-x-auto overflow-y-visible whitespace-no-wrap py-2 space-x-2"> <div class="featured-apps overflow-x-auto overflow-y-visible whitespace-no-wrap py-2 space-x-2">
{ details.initialVideo.appLinks.map( appLink => ( { details.initialVideo.appLinks.map( appLink => (
<a <a