miel.truyen/nx
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

docs(nxdev): make nx conf date more prominent on agenda section (#12527)

Browse Source
This commit is contained in:
Benjamin Cabanes 2022-10-11 15:21:32 -04:00 committed by GitHub
parent abcae17fc2
commit dda488c04a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
nx-dev/ui-conference/src/lib/conf-schedule-short.tsx
View File

@ -194,18 +194,26 @@ export function ConfScheduleShort(): JSX.Element {
return (
<div className="border-t border-slate-200 dark:border-slate-700">
<div className="mx-auto max-w-screen-lg xl:max-w-screen-xl">
<div className="date-container-l font-input-mono grid grid-cols-1 divide-x divide-slate-200 dark:divide-slate-700">
<div className="p-8 text-center">Sunday, October 16th</div>
<div className="date-container-l font-input-mono mt-16 grid grid-cols-1 divide-x divide-slate-200 dark:divide-slate-700">
<div className="p-8 text-center">
<span className="rounded-md bg-slate-100 p-2 dark:bg-slate-800">
Sunday, October 16th
</span>
</div>
</div>
</div>
<section className="w-full divide-y divide-gray-600 border-t border-b border-gray-600">
<section className="w-full divide-y divide-slate-200 border-t border-b dark:border-slate-700">
{scheduleItemsForSunday16.map((item) =>
item.type === 'event' ? scheduleRow(item) : breakRow(item)
)}
</section>
<div className="mx-auto max-w-screen-lg xl:max-w-screen-xl">
<div className="date-container-l font-input-mono grid grid-cols-1 divide-x divide-slate-200 dark:divide-slate-700">
<div className="p-8 text-center">Monday, October 17th</div>
<div className="date-container-l font-input-mono mt-16 grid grid-cols-1 divide-x divide-slate-200 dark:divide-slate-700">
<div className="p-8 text-center">
<span className="rounded-md bg-slate-100 p-2 dark:bg-slate-800">
Monday, October 17th
</span>
</div>
</div>
</div>
<section className="w-full divide-y divide-slate-200 border-t border-b border-slate-200 dark:divide-slate-700 dark:border-slate-700">
@ -214,11 +222,15 @@ export function ConfScheduleShort(): JSX.Element {
)}
</section>
<div className="mx-auto max-w-screen-lg xl:max-w-screen-xl">
<div className="date-container-l font-input-mono grid grid-cols-1 divide-x divide-slate-200 dark:divide-slate-700">
<div className="p-8 text-center">Tuesday, October 18th</div>
<div className="date-container-l font-input-mono mt-16 grid grid-cols-1 divide-x divide-slate-200 dark:divide-slate-700">
<div className="p-8 text-center">
<span className="rounded-md bg-slate-100 p-2 dark:bg-slate-800">
Tuesday, October 18th
</span>
</div>
</div>
</div>
<section className="w-full divide-y divide-gray-600 border-t border-b border-gray-600">
<section className="w-full divide-y divide-slate-200 border-t border-b dark:border-slate-700">
{scheduleItemsForTuesday18.map((item) =>
item.type === 'event' ? scheduleRow(item) : breakRow(item)
)}