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">
<ResourceSkills skills={resource.skills} skillLevels={resource.skill_levels} />
</td>
<td className="align-top hidden sm:table-cell">
<td className="align-top hidden md:table-cell">
<ResourceDescription manufacturer={resource.manufacturer} description={resource.description} />
</td>
</tr>
@ -275,7 +275,7 @@ const ResourceTable = ({resources, resourcesPerPage, currentPage, totalPages, qu
Skills
</span>
</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">
Description
</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" />
<link rel="icon" href="/favicon.ico" />
</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">
<h1 className="text-3xl font-bold">All Resources</h1>
<div className="">