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

ui tweaks

Browse Source
This commit is contained in:
Brandon Egger 2023-03-17 21:14:52 -05:00
parent 4e3a752ba2
commit 4c5466d673
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Header.tsx
View File

@ -26,7 +26,7 @@ const NavBarLink = ({href, label, dropdown}: NavBarLinkProps) => {
const NavBar = () => { const NavBar = () => {
return ( return (
<nav className="bg-gradient-to-b from-yellow-400 to-yellow-300 w-full shadow-black drop-shadow-md"> <nav className="border-b border-neutral-400 bg-gradient-to-b from-amber-300 to-amber-300 w-full shadow-black drop-shadow-md">
<li className="mx-auto max-w-5xl flex flex-row sm:justify-between px-4"> <li className="mx-auto max-w-5xl flex flex-row sm:justify-between px-4">
<ul id="left-nav-links" className="flex flex-row space-x-10"> <ul id="left-nav-links" className="flex flex-row space-x-10">
<NavBarLink href='/' label='Home'/> <NavBarLink href='/' label='Home'/>
@ -46,7 +46,7 @@ const Header: NextPage = () => {
return <> return <>
<div id="logo-row" className="flex flex-row p-4 justify-center bg-neutral-800 z-50 drop-shadow-xl"> <div id="logo-row" className="flex flex-row p-4 justify-center bg-neutral-800 z-50 drop-shadow-xl">
<div> <div>
<Image alt="Ear listening" src="listening-ear.svg" width={64} height={64}/> <Image alt="Ear listening" src="/listening-ear.svg" width={64} height={64}/>
</div> </div>
<div id="header-title" className="w-64 grid place-items-center"> <div id="header-title" className="w-64 grid place-items-center">
<h1 className="text-center text-2xl font-bold text-neutral-300">Center for Auditory Training Resources</h1> <h1 className="text-center text-2xl font-bold text-neutral-300">Center for Auditory Training Resources</h1>

2
src/components/ResourceTable.tsx
View File

@ -53,7 +53,7 @@ const ResourceEntry = ({resource}: {resource: AuditoryResource}) => {
<div className="h-full my-auto"> <div className="h-full my-auto">
<Link href={`resources/${resource.id}`}> <Link href={`resources/${resource.id}`}>
<div className="w-20 sm:w-28 flex space-y-2 flex-col justify-center"> <div className="w-20 sm:w-28 flex space-y-2 flex-col justify-center">
<Image className="w-full rounded-xl drop-shadow-lg border border-neutral-400" src={resource.icon} alt={`${resource.name} logo`} width={512} height={512}/> <Image className="bg-white w-full rounded-xl drop-shadow-lg border border-neutral-400" src={`/resource_logos/${resource.icon}`} alt={`${resource.name} logo`} width={512} height={512}/>
<span <span
className="block bg-neutral-900 hover:bg-neutral-500 border border-neutral-900 text-center py-[1px] text-white rounded-lg"> className="block bg-neutral-900 hover:bg-neutral-500 border border-neutral-900 text-center py-[1px] text-white rounded-lg">
more info more info

4
src/pages/resources/search.tsx → src/pages/resources/survey.tsx
View File

@ -187,8 +187,8 @@ const SearchForm = ({questions}: {questions: Question<QuestionTypes>[]}) => {
const SearchPage = () => { const SearchPage = () => {
return <> return <>
<div className="w-full max-w-xl mx-auto mt-4 mb-4 rounded-xl overflow-hidden bg-neutral-200 drop-shadow-md"> <div className="w-full max-w-xl mx-auto mt-4 mb-4 rounded-xl overflow-hidden border border-neutral-400 bg-neutral-200 drop-shadow-md">
<div className="px-4 py-2 bg-gradient-to-t from-neutral-900 to-neutral-700 mx-auto overflow-hidden border border-neutral-400"> <div className="px-4 py-2 bg-gradient-to-t from-neutral-900 to-neutral-700 mx-auto overflow-hidden">
<h1 className="text-gray-300 font-bold">Search</h1> <h1 className="text-gray-300 font-bold">Search</h1>
</div> </div>
<div> <div>