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

better phone UX

Browse Source
This commit is contained in:
Brandon Egger 2023-06-04 22:34:59 -05:00
parent 5170d883cc
commit 8810e03894
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/admin/ControlBar.tsx
View File

@ -13,7 +13,7 @@ const AdminBarLayout = ({
return ( return (
<div className="relative"> <div className="relative">
{data?.user.role === Role.ADMIN ? ( {data?.user.role === Role.ADMIN ? (
<div className="sticky left-0 right-0 top-[71px] z-10 mx-auto mb-6 mt-[15px] flex max-w-4xl flex-row justify-between rounded-xl border border-neutral-600 bg-red-300 drop-shadow-xl"> <div className="flex sticky left-0 right-0 top-[71px] z-10 mx-auto mb-3 mt-[15px] max-w-4xl flex-row justify-between rounded-xl border border-neutral-600 bg-red-300 drop-shadow-xl sm:mb-6">
<h1 className="rounded-lg px-4 py-2 font-semibold text-black"> <h1 className="rounded-lg px-4 py-2 font-semibold text-black">
Admin Mode Admin Mode
</h1> </h1>

8
src/components/admin/resources/form.tsx
View File

@ -50,7 +50,7 @@ const ResourceLinkSubForm = ({}) => {
return ( return (
<div className="mx-4"> <div className="mx-4">
<h1 className="mb-2 border-b border-neutral-400">Links</h1> <h1 className="mb-2 border-b border-neutral-400">Links</h1>
<div className="mx-auto flex w-48 flex-col space-y-2"> <div className="flex mx-auto w-48 flex-col space-y-2">
{/** Insert existing links here */} {/** Insert existing links here */}
<button type="button"> <button type="button">
<div className="flex h-14 flex-row space-x-2 rounded-lg border-2 border-neutral-900 bg-amber-300 px-2 align-middle hover:bg-amber-200"> <div className="flex h-14 flex-row space-x-2 rounded-lg border-2 border-neutral-900 bg-amber-300 px-2 align-middle hover:bg-amber-200">
@ -162,11 +162,11 @@ const ResourceSummarySubForm = ({
const ResourceForm = ({ resource }: { resource?: AuditoryResource }) => { const ResourceForm = ({ resource }: { resource?: AuditoryResource }) => {
return ( return (
<div className="mx-auto flex max-w-2xl flex-col flex-col-reverse divide-x py-4 sm:flex-row"> <div className="flex mx-auto max-w-2xl flex-col flex-col-reverse py-1 sm:flex-row sm:divide-x sm:py-4">
<div className="my-5 mr-4 flex flex-col justify-end text-lg font-bold"> <div className="flex my-5 mr-4 flex-col justify-end text-lg font-bold">
<ResourceLinkSubForm /> {/** //resource={resource} /> */} <ResourceLinkSubForm /> {/** //resource={resource} /> */}
</div> </div>
<div className="justify-left flex max-w-lg flex-col pb-5"> <div className="justify-left flex mx-auto max-w-lg flex-col pb-5">
<ResourceSummarySubForm resource={resource} /> <ResourceSummarySubForm resource={resource} />
</div> </div>
</div> </div>