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
parent
43f1e86322
commit
40a18243e4
|
@ -1 +1 @@
|
|||
Subproject commit 0b2cf888ab61f4c430531f3347b75855040b8656
|
||||
Subproject commit 3fe93861ba0567f75dcad8f949f46795e887194f
|
|
@ -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>
|
||||
);
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
|
@ -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>
|
||||
);
|
||||
|
|
|
@ -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 && (
|
||||
|
|
|
@ -909,6 +909,6 @@
|
|||
"requires_confirmation": "يتطلب التأكيد",
|
||||
"add_exchange2013": "الاتصال بخادم Exchange 2013",
|
||||
"add_exchange2016": "الاتصال بخادم Exchange 2016",
|
||||
"specific_issue": "لديك مشكلة محددة",
|
||||
"specific_issue": "لديك مشكلة محددة؟",
|
||||
"browse_our_docs": "تصفح مستنداتنا"
|
||||
}
|
||||
}
|
|
@ -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"
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue