set notifications column width to widest element

2020-06-29 12:22:59 +02:00 · 2020-06-29 12:22:59 +02:00 · 5960eb4644
commit 5960eb4644
parent 88da4cab1d
2 changed files with 4 additions and 1 deletions
--- a/src/components/messages/index.ts
+++ b/src/components/messages/index.ts
@ -14,6 +14,9 @@ export interface IMessage {

 export const notificationOptions = {
  containerStyle: {
+    display: "grid",
+    gridTemplateRows: "repeat(auto-fill, minmax(90px, 1fr)",
+    justifyContent: "end",
    zIndex: 1200
  },

--- a/src/components/messages/styles.ts
+++ b/src/components/messages/styles.ts
@ -148,7 +148,7 @@ export const useStyles = makeStyles(
      },
      borderRadius: 4,
      paddingBottom: 15,
-      paddingRight: 40,
+      paddingRight: 45,
      position: "relative"
    },
    snackbarContainer: {