audacity/audacity.github.io
1
0
Fork 0
mirror of https://github.com/audacity/audacity.github.io.git synced 2026-06-15 20:23:54 -05:00
Code Issues 9 Packages Projects Releases Wiki Activity

jsx class -> classname

Browse Source
This commit is contained in:
LWinterberg
2023-09-27 12:37:59 +02:00
parent 2f1b272b3c
commit a186f5780e
3 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/card/DownloadCard.jsx
View File

@@ -6,7 +6,7 @@ const {title, downloadURL, buttonText, downloadType, checksum} = props;
return (
<div className="border border-bg-200 rounded-md p-6">
<div className="flex flex-col sm:flex-row gap-2 justify-between items-center">
<h2 class="text-xl font-semibold">{title}</h2>
<h2 className="text-xl font-semibold">{title}</h2>
<a
href={downloadURL}
className="flex justify-center text-center items-center px-4 h-12 w-full sm:w-fit bg-slate-200 hover:bg-slate-300 text-base text-black rounded"

2
src/components/card/FeatureCard.jsx
View File

@@ -7,7 +7,7 @@ function FeatureCard(props) {
return (
<div className="h-full col-span-12 sm:col-span-6 xl:col-span-3 p-4 md:p-6 border drop-shadow-sm md:drop-shadow-lg bg-white rounded-lg flex flex-col md:gap-2">
<span className={`icon icon-medium text-blue-700 ${icon}`}></span>
<p class="text-lg font-semibold">{title}</p>
<p className="text-lg font-semibold">{title}</p>
<p className="">{description}</p>
</div>
);

20
src/components/homepage/ShareYourSounds.jsx
View File

@@ -10,15 +10,15 @@ function ShareYourSounds() {
}
return (
<section class="bg-[url('../assets/img/audiocom-background.webp')] bg-cover">
<div class="max-w-screen-xl mx-6 sm:mx-12 md:mx-16 xl:mx-auto py-12 grid gap-12 lg:grid-cols-12">
<div class="flex flex-col gap-8 lg:col-span-6 lg:col-start-7 lg:py-12">
<img src={AudioDotComLogo.src} class="w-20" alt="audio.com" />
<section className="bg-[url('../assets/img/audiocom-background.webp')] bg-cover">
<div className="max-w-screen-xl mx-6 sm:mx-12 md:mx-16 xl:mx-auto py-12 grid gap-12 lg:grid-cols-12">
<div className="flex flex-col gap-8 lg:col-span-6 lg:col-start-7 lg:py-12">
<img src={AudioDotComLogo.src} className="w-20" alt="audio.com" />
<div>
<h2 class="text-white">Get free web space for your audio files</h2>
<p class="text-gray-300 mt-4">
<h2 className="text-white">Get free web space for your audio files</h2>
<p className="text-gray-300 mt-4">
Host and share your audio instantly using our sister service
<a class="dark-hyperlink" href="https://audio.com">
<a className="dark-hyperlink" href="https://audio.com">
audio.com
</a>
.
@@ -26,16 +26,16 @@ function ShareYourSounds() {
</div>
<a
href="https://audio.com"
class="px-4 py-2 bg-blue-700 w-fit text-white rounded hover:bg-blue-600"
className="px-4 py-2 bg-blue-700 w-fit text-white rounded hover:bg-blue-600"
>
Join for free
</a>
</div>
<div class="lg:col-start-1 lg:col-span-6 lg:row-start-1 items-center flex">
<div className="lg:col-start-1 lg:col-span-6 lg:row-start-1 items-center flex">
{isClicked ? (
<iframe
class="w-full aspect-video rounded-md shadow-xl"
className="w-full aspect-video rounded-md shadow-xl"
loading="lazy"
src="https://www.youtube-nocookie.com/embed/-rBOZ9Bi4rk"
title="Introducing Audio.com"