Upgrade Tailwind to v4 (#491)

apps/yaak-client/lib/editEnvironment.tsx

@@ -45,7 +45,7 @@ export async function editEnvironment(
       id: "environment-editor",
       noPadding: true,
       size: "lg",
-      className: "h-[90vh] max-h-[60rem]",
+      className: "h-[90vh] max-h-240",
       render: () => (
         <EnvironmentEditDialog
           initialEnvironmentId={environment?.id ?? null}

apps/yaak-client/lib/initGlobalListeners.tsx

@@ -166,7 +166,7 @@ function showUpdateInstalledToast(version: string) {
     action: ({ hide }) => (
       <ButtonInfiniteLoading
         size="xs"
-        className="mr-auto min-w-[5rem]"
+        className="mr-auto min-w-20"
         color="primary"
         loadingChildren="Restarting..."
         onClick={() => {
@@ -206,7 +206,7 @@ async function showUpdateAvailableToast(updateInfo: UpdateInfo) {
         <ButtonInfiniteLoading
           size="xs"
           color="info"
-          className="min-w-[10rem]"
+          className="min-w-40"
           loadingChildren={downloaded ? "Installing..." : "Downloading..."}
           onClick={async () => {
             await emit<UpdateResponse>(replyEventId, {
@@ -259,7 +259,7 @@ function showPluginUpdatesToast(updateInfo: PluginUpdateNotification) {
         <ButtonInfiniteLoading
           size="xs"
           color="info"
-          className="min-w-[5rem]"
+          className="min-w-20"
           loadingChildren="Updating..."
           onClick={async () => {
             const updated = await updateAllPlugins();
@@ -311,7 +311,7 @@ function showNotificationToast(n: YaakNotification) {
         <Button
           size="xs"
           color={stringToColor(n.color) ?? undefined}
-          className="mr-auto min-w-[5rem]"
+          className="mr-auto min-w-20"
           rightSlot={<Icon icon="external_link" />}
           onClick={() => {
             hide();

apps/yaak-client/lib/toast.tsx

@@ -61,7 +61,7 @@ export function showErrorToast<T>({
     message: (
       <div className="w-full">
         <h2 className="text-lg font-bold mb-2">{title}</h2>
-        <div className="whitespace-pre-wrap break-words">{String(message)}</div>
+        <div className="whitespace-pre-wrap wrap-break-word">{String(message)}</div>
       </div>
     ),
   });