/booking truncate event name for mobile

pull/407/head
Peer Richelsen 2021-08-03 11:09:15 +02:00
parent a4c1ac8275
commit 2d36b5d229
2 changed files with 10 additions and 8 deletions

View File

@ -11,7 +11,8 @@ import classNames from "@lib/classNames";
import { ClockIcon, XIcon } from "@heroicons/react/outline";
export default function Bookings({ bookings }) {
const [, loading] = useSession();
const [session, loading] = useSession();
console.log(session)
const router = useRouter();
if (loading) {
@ -72,8 +73,8 @@ export default function Bookings({ bookings }) {
Unconfirmed
</span>
)}
<div className="text-sm text-neutral-900 font-medium truncate">
{booking.title}
<div className="text-sm text-neutral-900 font-medium truncate max-w-60 md:max-w-96">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dol
</div>
<div className="sm:hidden">
<div className="text-sm text-gray-900">
@ -109,7 +110,7 @@ export default function Bookings({ bookings }) {
</button>
<button
onClick={() => confirmBookingHandler(booking, false)}
className="text-xs sm:text-sm ml-4 inline-flex items-center px-4 py-2 border-transparent font-medium rounded-sm shadow-sm text-neutral-700 bg-white hover:bg-neutral-100 border border-neutral-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black ml-2">
className="text-xs sm:text-sm inline-flex items-center px-4 py-2 border-transparent font-medium rounded-sm shadow-sm text-neutral-700 bg-white hover:bg-neutral-100 border border-neutral-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black ml-2">
Reject
</button>
</>

View File

@ -1,15 +1,16 @@
import Head from "next/head";
import Link from "next/link";
import { useRef, useState } from "react";
import prisma from "../../lib/prisma";
import Modal from "../../components/Modal";
import Shell from "../../components/Shell";
import SettingsShell from "../../components/Settings";
import { useSession, getSession } from "next-auth/client";
import Loader from '@components/Loader';
import Loader from "@components/Loader";
export default function Settings(props) {
export default function Settings() {
const [session, loading] = useSession();
console.log(session);
const [successModalOpen, setSuccessModalOpen] = useState(false);
const oldPasswordRef = useRef<HTMLInputElement>();
const newPasswordRef = useRef<HTMLInputElement>();
@ -42,7 +43,7 @@ export default function Settings(props) {
}
return (
<Shell heading="Password" subtitle="Change the password that you use to sign in.">
<Shell heading="Password" subtitle="Change the password that you use to sign in to your account.">
<Head>
<title>Change Password | Calendso</title>
<link rel="icon" href="/favicon.ico" />