padding fixes to menu and other improvements (#3114)

* padding fixes to menu and other improvements

* nit

* nit

Co-authored-by: sean-brydon <55134778+sean-brydon@users.noreply.github.com>
pull/3140/head
Peer Richelsen 2022-06-22 12:25:43 +02:00 committed by GitHub
parent 43f1e86322
commit 40a18243e4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 21 additions and 20 deletions

@ -1 +1 @@
Subproject commit 0b2cf888ab61f4c430531f3347b75855040b8656
Subproject commit 3fe93861ba0567f75dcad8f949f46795e887194f

View File

@ -41,14 +41,14 @@ export default function HelpMenuItem({ onHelpItemSelect }: HelpMenuItemProps) {
};
return (
<div className="w-full border-gray-300 bg-white shadow-sm md:w-[150%]">
<div className=" w-full p-5">
<p className="mb-1 text-neutral-500">{t("resources").toUpperCase()}</p>
<div className="w-full border-gray-300 bg-white shadow-sm">
<div className="w-full py-5">
<p className="mb-1 px-5 text-neutral-500">{t("resources").toUpperCase()}</p>
<a
onClick={() => onHelpItemSelect()}
href="https://docs.cal.com/"
target="_blank"
className="flex w-full py-2 pr-4 text-sm font-medium text-gray-700 hover:bg-gray-100 hover:text-gray-900"
className="flex w-full px-5 py-2 pr-4 text-sm font-medium text-gray-700 hover:bg-gray-100 hover:text-gray-900"
rel="noreferrer">
{t("support_documentation")}
<ExternalLinkIcon
@ -62,7 +62,7 @@ export default function HelpMenuItem({ onHelpItemSelect }: HelpMenuItemProps) {
onClick={() => onHelpItemSelect()}
href="https://developer.cal.com/"
target="_blank"
className="flex w-full py-2 pr-4 text-sm font-medium text-gray-700 hover:bg-gray-100 hover:text-gray-900"
className="flex w-full px-5 py-2 pr-4 text-sm font-medium text-gray-700 hover:bg-gray-100 hover:text-gray-900"
rel="noreferrer">
{t("developer_documentation")}
<ExternalLinkIcon
@ -197,26 +197,27 @@ export default function HelpMenuItem({ onHelpItemSelect }: HelpMenuItemProps) {
</div>
)}
</div>
<div className="w-full bg-neutral-50 p-5">
<p className="text-neutral-500">{t("specific_issue")}? </p>
<span
className="font-medium text-neutral-500 underline hover:text-neutral-700"
<div className="w-full bg-neutral-50 p-5 text-neutral-500">
<p className="">{t("specific_issue")}</p>
<button
className="font-medium underline hover:text-neutral-700"
onClick={() => {
setActive(true);
loadChat({ open: true });
onHelpItemSelect();
}}>
{t("contact_support")}
</span>
<span className="text-neutral-500"> {t("or").toLowerCase()} </span>
</button>
<span> {t("or").toLowerCase()} </span>
<a
onClick={() => onHelpItemSelect()}
className="font-medium text-neutral-500 underline hover:text-neutral-700"
className="font-medium underline hover:text-neutral-700"
href="https://docs.cal.com/"
target="_blank"
rel="noreferrer">
{t("browse_our_docs")}.
{t("browse_our_docs")}
</a>
.
</div>
</div>
);

View File

@ -20,7 +20,7 @@ export default function HelpscoutMenuItem() {
<>
<button
onClick={handleClick}
className="flex w-full py-2 pr-4 text-sm font-medium text-neutral-700 hover:bg-gray-100 hover:text-gray-900">
className="flex w-full px-5 py-2 pr-4 text-sm font-medium text-gray-700 hover:bg-gray-100 hover:text-gray-900">
{t("contact_support")}
</button>

View File

@ -13,7 +13,7 @@ export default function IntercomMenuItem() {
boot();
show();
}}
className="flex w-full py-2 pr-4 text-sm font-medium text-neutral-700 hover:bg-gray-100 hover:text-gray-900">
className="flex w-full px-5 py-2 pr-4 text-sm font-medium text-gray-700 hover:bg-gray-100 hover:text-gray-900">
{t("contact_support")}
</button>
);

View File

@ -15,7 +15,7 @@ export default function ZendeskMenuItem() {
<>
<button
onClick={() => setActive(true)}
className="flex w-full py-2 pr-4 text-sm font-medium text-neutral-700 hover:bg-gray-100 hover:text-gray-900">
className="flex w-full px-5 py-2 pr-4 text-sm font-medium text-gray-700 hover:bg-gray-100 hover:text-gray-900">
{t("contact_support")}
</button>
{active && (

View File

@ -909,6 +909,6 @@
"requires_confirmation": "يتطلب التأكيد",
"add_exchange2013": "الاتصال بخادم Exchange 2013",
"add_exchange2016": "الاتصال بخادم Exchange 2016",
"specific_issue": "لديك مشكلة محددة",
"specific_issue": "لديك مشكلة محددة؟",
"browse_our_docs": "تصفح مستنداتنا"
}
}

View File

@ -909,6 +909,6 @@
"requires_confirmation": "Kräver bekräftelse",
"add_exchange2013": "Anslut till Exchange 2013 Server",
"add_exchange2016": "Anslut till Exchange 2016 Server",
"specific_issue": "Har ett specifikt problem",
"specific_issue": "Har ett specifikt problem?",
"browse_our_docs": "bläddra i våra dokument"
}