better phone UX

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

View File

@ -13,7 +13,7 @@ const AdminBarLayout = ({
return (
<div className="relative">
{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">
Admin Mode
</h1>

View File

@ -50,7 +50,7 @@ const ResourceLinkSubForm = ({}) => {
return (
<div className="mx-4">
<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 */}
<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">
@ -162,11 +162,11 @@ const ResourceSummarySubForm = ({
const ResourceForm = ({ resource }: { resource?: AuditoryResource }) => {
return (
<div className="mx-auto flex max-w-2xl flex-col flex-col-reverse divide-x py-4 sm:flex-row">
<div className="my-5 mr-4 flex flex-col justify-end text-lg font-bold">
<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="flex my-5 mr-4 flex-col justify-end text-lg font-bold">
<ResourceLinkSubForm /> {/** //resource={resource} /> */}
</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} />
</div>
</div>