dmitry.galkin/chatbot-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Upgrade to Tailwind CSS v4 (#1173)

Browse source
This commit is contained in:
Brandon McConnell 2025-09-09 15:44:07 -04:00 • committed by GitHub
parent 4ce76987a1
commit 848205f5cb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
76 changed files with 1098 additions and 1050 deletions
Download patch file Download diff file Expand all files Collapse all files

16
components/toolbar.tsx
View file

@ -89,8 +89,8 @@ const Tool = ({
<Tooltip open={isHovered && !isAnimating}>
<TooltipTrigger asChild>
<motion.div
className={cx('p-3 rounded-full', {
'bg-primary !text-primary-foreground': selectedTool === description,
className={cx('rounded-full p-3', {
'bg-primary text-primary-foreground!': selectedTool === description,
})}
onHoverStart={() => {
setIsHovered(true);
@ -122,7 +122,7 @@ const Tool = ({
<TooltipContent
side="left"
sideOffset={16}
className="bg-foreground text-background rounded-2xl p-3 px-4"
className="rounded-2xl bg-foreground p-3 px-4 text-background"
>
{description}
</TooltipContent>
@ -168,11 +168,11 @@ const ReadingLevelSelector = ({
}, [yToLevel]);
return (
<div className="relative flex flex-col justify-end items-center">
<div className="relative flex flex-col items-center justify-end">
{randomArr.map((id) => (
<motion.div
key={id}
className="size-[40px] flex flex-row items-center justify-center"
className="flex size-[40px] flex-row items-center justify-center"
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
exit={{ opacity: 0 }}
@ -187,7 +187,7 @@ const ReadingLevelSelector = ({
<TooltipTrigger asChild>
<motion.div
className={cx(
'absolute bg-background p-3 border rounded-full flex flex-row items-center',
'absolute flex flex-row items-center rounded-full border bg-background p-3',
{
'bg-primary text-primary-foreground': currentLevel !== 2,
'bg-background text-foreground': currentLevel === 2,
@ -233,7 +233,7 @@ const ReadingLevelSelector = ({
<TooltipContent
side="left"
sideOffset={16}
className="bg-foreground text-background text-sm rounded-2xl p-3 px-4"
className="rounded-2xl bg-foreground p-3 px-4 text-background text-sm"
>
{LEVELS[currentLevel]}
</TooltipContent>
@ -376,7 +376,7 @@ const PureToolbar = ({
return (
<TooltipProvider delayDuration={0}>
<motion.div
className="cursor-pointer absolute right-6 bottom-6 p-1.5 border rounded-full shadow-lg bg-background flex flex-col justify-end"
className="absolute right-6 bottom-6 flex cursor-pointer flex-col justify-end rounded-full border bg-background p-1.5 shadow-lg"
initial={{ opacity: 0, y: -20, scale: 1 }}
animate={
isToolbarVisible