From 481d2eefc58abf0950c6eaaf422f43fcfb8e4d55 Mon Sep 17 00:00:00 2001
From: Alessandro Bortolin <bortolin.alessandro@outlook.it>
Date: Mon, 9 Sep 2024 22:48:26 +0200
Subject: [PATCH] react-components@0.7.4

---
 react-components/package.json   | 7 ++++---
 react-components/src/layout.tsx | 4 ++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/react-components/package.json b/react-components/package.json
index 99fa7ec..720b1a5 100644
--- a/react-components/package.json
+++ b/react-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@olinfo/react-components",
-  "version": "0.7.3",
+  "version": "0.7.4",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -9,8 +9,9 @@
   "scripts": {
     "lint": "biome check --write",
     "watch": "tsup --watch",
-    "prebuild": "rm -rf dist",
-    "build": "tsup --minify"
+    "prebuild": "biome check && rm -rf dist",
+    "build": "tsup --minify",
+    "prepack": "tsup --minify"
   },
   "dependencies": {
     "@olinfo/training-api": "^0.2",
diff --git a/react-components/src/layout.tsx b/react-components/src/layout.tsx
index ec1d8af..5e6f6a4 100644
--- a/react-components/src/layout.tsx
+++ b/react-components/src/layout.tsx
@@ -51,7 +51,7 @@ export function Layout({ children }: { children: ReactNode }) {
     <NotificationsContext.Provider value={{ notify }}>
       <div className="flex min-h-dvh w-full flex-col">
         {children}
-        <div className="toast z-50">
+        <div className="toast left-0 z-50 items-end">
           {notifications.map((props, i) => (
             <Notifications {...props} key={i} />
           ))}
@@ -66,7 +66,7 @@ function Notifications({ type, message, timestamp }: NotificationsProps) {
 
   return (
     <WithinTimeRange end={end}>
-      <div className={clsx("alert w-screen max-w-sm", type)}>
+      <div className={clsx("alert max-w-sm", type)}>
         <div className="flex gap-4">
           {type === "alert-success" ? <Check /> : <AlertTriangle />}
           <div className="text-wrap">{message}</div>