audacity/audacity.github.io
1
0
Fork 0
mirror of https://github.com/audacity/audacity.github.io.git synced 2026-06-13 03:38:11 -05:00
Code Issues 9 Packages Projects Releases Wiki Activity

Improve accessibility

Browse Source
This commit is contained in:
Dilson's Pickles
2023-09-26 16:40:30 +10:00
parent 8852942290
commit 20ac5eb5d6
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
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">
<h4>{title}</h4>
<h2 class="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"
@@ -17,8 +17,8 @@ const {title, downloadURL, buttonText, downloadType, checksum} = props;
{checksum && (
<div className="flex flex-col mt-8 border-t pt-4">
<label>Checksum:</label>
<div className="mt-2 p-2 bg-gray-50 border border-gray-200">
<label for="checksum">Checksum:</label>
<div id="checksum" className="mt-2 p-2 bg-gray-50 border border-gray-200">
<small className="break-words">{checksum}</small>
</div>
</div>