fix: snackbar alignment

Quiddlee · Dec 29, 2023 · 4a489a2 · 4a489a2
1 parent f5f0056
commit 4a489a2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/SettingsPageComp/ClearUndo.tsx b/src/components/SettingsPageComp/ClearUndo.tsx
@@ -32,9 +32,9 @@ const ClearUndo = (props: UndoPropsType) => {
   };
 
   return (
-    <div className="flex items-center justify-around text-sm">
+    <div className="flex items-center text-sm">
       <p className="font-[400] text-inverse-on-surface">{title}</p>
-      <button className="font-[500] text-inverse-primary" type="button" onClick={handleClick}>
+      <button className="absolute right-3 font-[500] text-inverse-primary" type="button" onClick={handleClick}>
         {btn}
       </button>
     </div>

diff --git a/src/layouts/MainLayout.tsx b/src/layouts/MainLayout.tsx
@@ -47,7 +47,7 @@ const MainLayout = () => {
         transition={SnackBarTransition}
         position="bottom-left"
         toastClassName="!text-inverse-on-surface origin-bottom !bg-inverse-surface !min-w-[336px] !pl-4 !min-h-[48px] text-left"
-        bodyClassName="text-sm font-normal [&>div]:origin-bottom [&>div]:animate-fade-in-snackbar-body [&>div]:truncate w-full [&>div]:pe-16"
+        bodyClassName="text-sm font-normal relative !p-0 [&>div]:origin-bottom [&>div]:animate-fade-in-snackbar-body [&>div]:truncate w-full [&>div]:pe-16"
       />
     </ViewProvider>
   );