This commit is contained in:
Nathan Wang 2020-07-10 14:53:06 -07:00
parent e00a72c1ee
commit 6e3beee9ba
2 changed files with 48 additions and 29 deletions

View file

@ -87,6 +87,35 @@ export default function ReportIssueSlideover({
<div className="flex-1 flex flex-col justify-between">
<div className="px-4 divide-y divide-gray-200 sm:px-6">
<div className="space-y-6 pt-6 pb-5">
<div className="space-y-1">
<label
htmlFor="issue_name"
className="block text-sm font-medium leading-5 text-gray-900"
>
Name (Optional)
</label>
<div className="relative rounded-md shadow-sm">
<input
id="issue_name"
className="form-input block w-full sm:text-sm sm:leading-5 transition ease-in-out duration-150"
/>
</div>
</div>
<div className="space-y-1">
<label
htmlFor="issue_email"
className="block text-sm font-medium leading-5 text-gray-900"
>
Email (Optional)
</label>
<div className="relative rounded-md shadow-sm">
<input
id="issue_email"
className="form-input block w-full sm:text-sm sm:leading-5 transition ease-in-out duration-150"
type="email"
/>
</div>
</div>
<div className="space-y-1">
<label
htmlFor="issue_location"

View file

@ -181,35 +181,25 @@ export default function IndexPage(props: PageProps) {
for USACO contestants available to everyone, for free.
</p>
<div className="max-w-3xl mx-auto bg-yellow-50 rounded-md border-yellow-400 border p-4 mt-8">
<div className="flex">
<div className="flex-shrink-0">
<svg
className="h-5 w-5 text-yellow-400"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
fillRule="evenodd"
d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z"
clipRule="evenodd"
/>
</svg>
</div>
<div className="ml-3 flex-1 md:flex md:justify-between">
<p className="text-sm leading-5 text-yellow-700 text-left">
This guide is not a syllabus. Topics on this guide reflect{' '}
<i>past</i> problems, not future problems.
</p>
<p className="mt-3 text-sm leading-5 md:mt-0 md:ml-6">
<a
href="#"
className="whitespace-no-wrap font-medium text-yellow-700 hover:text-yellow-600 transition ease-in-out duration-150"
>
Learn More &rarr;
</a>
</p>
</div>
<div className="inline-flex mx-auto bg-yellow-50 rounded-md p-4 mt-8">
<div className="flex-shrink-0">
<svg
className="h-5 w-5 text-yellow-400"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
fillRule="evenodd"
d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z"
clipRule="evenodd"
/>
</svg>
</div>
<div className="ml-3">
<p className="text-sm leading-5 text-yellow-700 text-left">
This guide is not a syllabus. Topics on this guide reflect{' '}
<i>past</i> problems, not future problems.
</p>
</div>
</div>
</div>