public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed integrations button absolute positioning

pull/403/head
Peer Richelsen 2021-08-02 19:16:20 +02:00
parent 0fdcefbc56
commit f71c5d2075
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
pages/availability/troubleshoot.tsx
View File

@ -50,12 +50,9 @@ export default function Troubleshoot({ user }) {
<title>Troubleshoot | Calendso</title> <title>Troubleshoot | Calendso</title>
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
</Head> </Head>
<Shell heading="Troubleshoot"> <Shell
<div className="flex mb-8"> heading="Troubleshoot"
<p className="text-sm text-neutral-500"> subtitle="Understand why certain times are available and others are blocked.">
Understand why certain times are available and others are blocked.
</p>
</div>
<div className="bg-white max-w-md overflow-hidden shadow rounded-sm"> <div className="bg-white max-w-md overflow-hidden shadow rounded-sm">
<div className="px-4 py-5 sm:p-6"> <div className="px-4 py-5 sm:p-6">
Here is an overview of your day on {selectedDate.format("D MMMM YYYY")}: Here is an overview of your day on {selectedDate.format("D MMMM YYYY")}:
@ -83,7 +80,11 @@ export default function Troubleshoot({ user }) {
</div> </div>
</div> </div>
))} ))}
{availability.length === 0 && <div className="loader"><span className="loader-inner"></span></div>} {availability.length === 0 && (
<div className="loader">
<span className="loader-inner"></span>
</div>
)}
<div className="bg-black overflow-hidden rounded-sm"> <div className="bg-black overflow-hidden rounded-sm">
<div className="px-4 sm:px-6 py-2 text-white"> <div className="px-4 sm:px-6 py-2 text-white">
Your day ends at {convertMinsToHrsMins(user.endTime)} Your day ends at {convertMinsToHrsMins(user.endTime)}

3
pages/integrations/index.tsx
View File

@ -104,12 +104,11 @@ export default function Home({ integrations }) {
<Shell <Shell
heading="Integrations" heading="Integrations"
subtitle="Connect your favourite apps." subtitle="Connect your favourite apps."
noPaddingBottom
CTA={ CTA={
<button <button
onClick={toggleAddModal} onClick={toggleAddModal}
type="button" type="button"
className="absolute top-8 right-8 flex justify-center py-2 px-4 border border-transparent rounded-sm shadow-sm text-sm font-medium text-white bg-neutral-900 hover:bg-neutral-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-900"> className="flex justify-center py-2 px-4 border border-transparent rounded-sm shadow-sm text-sm font-medium text-white bg-neutral-900 hover:bg-neutral-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-900">
<PlusIcon className="w-5 h-5 mr-1" /> <PlusIcon className="w-5 h-5 mr-1" />
Add new integration Add new integration
</button> </button>