🎨 Update UI package (#1070)

Add new components and update various existing ones.
This commit is contained in:
Luke Vella 2024-03-25 15:28:24 +07:00 committed by GitHub
parent a4ffbee081
commit e6792a4283
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
33 changed files with 386 additions and 56 deletions

View file

@ -63,6 +63,7 @@ export const PollDetailsForm = () => {
<Input
type="text"
id="location"
className="w-full"
placeholder={t("locationPlaceholder")}
{...register("location")}
/>
@ -77,6 +78,7 @@ export const PollDetailsForm = () => {
</span>
</div>
<Textarea
className="w-full"
id="description"
placeholder={t("descriptionPlaceholder")}
rows={5}

View file

@ -49,7 +49,7 @@ const DateTimePreferencesForm = () => {
form.reset(data);
})}
>
<div className="space-y-4">
<div className="space-y-6">
<FormField
control={form.control}
name="timeZone"

View file

@ -3,7 +3,7 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "@rallly/ui/tooltip";
import { InfoIcon } from "lucide-react";
export const Settings = ({ children }: React.PropsWithChildren) => {
return <div className="">{children}</div>;
return <div className="space-y-6">{children}</div>;
};
export const SettingsHeader = ({ children }: React.PropsWithChildren) => {
@ -51,7 +51,7 @@ export const SettingsItemTitle = ({
{hint ? (
<Tooltip>
<TooltipTrigger asChild>
<InfoIcon className="size-4 inline-block text-gray-500" />
<InfoIcon className="inline-block size-4 text-gray-500" />
</TooltipTrigger>
<TooltipContent side="right" className="max-w-sm">
{hint}