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

3
pages/integrations/index.tsx
View File

@ -104,12 +104,11 @@ export default function Home({ integrations }) {
<Shell
heading="Integrations"
subtitle="Connect your favourite apps."
noPaddingBottom
CTA={
<button
onClick={toggleAddModal}
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" />
Add new integration
</button>