brandon/uiowaATR
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

improve scaling on medium screens

Browse Source
This commit is contained in:
Brandon Egger 2023-04-10 12:07:54 -05:00
parent c34d919f02
commit 2e1033a565
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ResourceTable.tsx
View File

@ -158,7 +158,7 @@ const ResourceEntry = ({resource}: {resource: AuditoryResource}) => {
<td className="w-1/4 align-top"> <td className="w-1/4 align-top">
<ResourceSkills skills={resource.skills} skillLevels={resource.skill_levels} /> <ResourceSkills skills={resource.skills} skillLevels={resource.skill_levels} />
</td> </td>
<td className="align-top hidden sm:table-cell"> <td className="align-top hidden md:table-cell">
<ResourceDescription manufacturer={resource.manufacturer} description={resource.description} /> <ResourceDescription manufacturer={resource.manufacturer} description={resource.description} />
</td> </td>
</tr> </tr>
@ -275,7 +275,7 @@ const ResourceTable = ({resources, resourcesPerPage, currentPage, totalPages, qu
Skills Skills
</span> </span>
</th> </th>
<th className="hidden sm:table-cell"> <th className="hidden md:table-cell">
<span className="text-gray-300 block px-4 py-2 text-left"> <span className="text-gray-300 block px-4 py-2 text-left">
Description Description
</span> </span>

2
src/pages/resources/index.tsx
View File

@ -34,7 +34,7 @@ const Resources = () => {
<meta name="description" content="University of Iowa Center for Auditory Training Resources" /> <meta name="description" content="University of Iowa Center for Auditory Training Resources" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
</Head> </Head>
<main className="my-6 sm:px-4 max-w-6xl mx-auto"> <main className="my-6 md:px-4 max-w-6xl mx-auto">
<div className="mb-4 p-4 space-y-2"> <div className="mb-4 p-4 space-y-2">
<h1 className="text-3xl font-bold">All Resources</h1> <h1 className="text-3xl font-bold">All Resources</h1>
<div className=""> <div className="">