updated formatting of tutoral and tally buttons

This commit is contained in:
SwiftyOS
2024-09-27 16:41:27 +02:00
parent 7a238f1f4d
commit 70fcd55084

View File

@@ -1,7 +1,7 @@
"use client";
import React, { useEffect, useState } from "react";
import { Button } from "./ui/button";
import { IconMegaphone } from "@/components/ui/icons";
import { QuestionMarkCircledIcon } from "@radix-ui/react-icons";
const TallyPopupSimple = () => {
const [isFormVisible, setIsFormVisible] = useState(false);
@@ -47,17 +47,22 @@ const TallyPopupSimple = () => {
};
return (
<div className="fixed bottom-6 right-6 z-50 hidden items-center gap-4 p-3 transition-all duration-300 ease-in-out md:flex">
<Button variant="default" onClick={resetTutorial} className="mb-0">
<div className="fixed bottom-1 right-6 z-50 hidden items-center gap-4 p-3 transition-all duration-300 ease-in-out md:flex">
<Button
variant="default"
onClick={resetTutorial}
className="font-inter mb-0 h-14 w-28 rounded-2xl bg-[rgba(65,65,64,1)] text-left text-lg font-medium leading-6"
>
Tutorial
</Button>
<Button
className="h-14 w-14 rounded-2xl bg-[rgba(65,65,64,1)]"
variant="default"
data-tally-open="3yx2L0"
data-tally-emoji-text="👋"
data-tally-emoji-animation="wave"
>
<IconMegaphone size="lg" />
<QuestionMarkCircledIcon className="h-6 w-6" />
<span className="sr-only">Reach Out</span>
</Button>
</div>