diff --git a/src/app/components/Button.js b/src/app/components/Button.js index c011c16..2b88e66 100644 --- a/src/app/components/Button.js +++ b/src/app/components/Button.js @@ -3,7 +3,7 @@ import styles from "./Button.module.css"; // Renders a link when given href (internal paths use next/link), otherwise a button. export default function Button({ children, onClick, href, variant }) { - const className = `${styles.button} ${variant === "outline" ? styles.outline : ""}`; + const className = `${styles.button} ${variant ? styles[variant] : ""}`; if (href?.startsWith("/")) { return {children}; } diff --git a/src/app/components/Button.module.css b/src/app/components/Button.module.css index cda2502..523e7c8 100644 --- a/src/app/components/Button.module.css +++ b/src/app/components/Button.module.css @@ -24,3 +24,14 @@ color: white; box-shadow: inset 0 0 0 2px white; } + +.primary { + background-color: var(--color-sky-800); + color: white; +} + +.outlineDark { + background-color: transparent; + color: var(--color-sky-800); + box-shadow: inset 0 0 0 2px var(--color-sky-800); +} diff --git a/src/app/components/ChatwootWidget.js b/src/app/components/ChatwootWidget.js index 5404b2f..067289e 100644 --- a/src/app/components/ChatwootWidget.js +++ b/src/app/components/ChatwootWidget.js @@ -9,7 +9,8 @@ class ChatwootWidget extends React.Component { hideMessageBubble: false, position: "right", // This can be left or right locale: "en", // Language to be set - type: "expanded_bubble", // [standard, expanded_bubble] + // Small round bubble on phones so it doesn't cover the page's buttons. + type: window.innerWidth < 768 ? "standard" : "expanded_bubble", // [standard, expanded_bubble] }; // Paste the script from inbox settings except the