From fdd1da305219fe32a25958f31e898c9dd85916da Mon Sep 17 00:00:00 2001
From: 18alantom <2.alan.tom@gmail.com>
Date: Wed, 19 Jan 2022 17:20:00 +0530
Subject: [PATCH] chore: tune the Toasts

---
 src/components/Toast.vue        | 11 ++++-------
 src/pages/Settings/Settings.vue |  2 +-
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/components/Toast.vue b/src/components/Toast.vue
index f7b11882..330d7d75 100644
--- a/src/components/Toast.vue
+++ b/src/components/Toast.vue
@@ -9,18 +9,15 @@
       flex
       items-center
       mb-3
-      w-60
+      w-80
     "
-    :class="bgColor"
+    :class="bgColor + (action ? ' cursor-pointer' : '')"
     style="transition: opacity 150ms ease-in"
     :style="{ opacity }"
+    @click="action"
     v-if="show"
   >
-    <feather-icon
-      :name="iconName"
-      class="w-8 h-8 mr-3 text-gray-800"
-      :class="iconColor"
-    />
+    <feather-icon :name="iconName" class="w-6 h-6 mr-3" :class="iconColor" />
     <div>
       <p class="text-base">{{ message }}</p>
       <button
diff --git a/src/pages/Settings/Settings.vue b/src/pages/Settings/Settings.vue
index 2c4846ff..94eb48e1 100644
--- a/src/pages/Settings/Settings.vue
+++ b/src/pages/Settings/Settings.vue
@@ -114,7 +114,7 @@ export default {
   methods: {
     showReloadToast() {
       showToast({
-        message: _('Changes require reload'),
+        message: _('Settings changes will be visible on reload'),
         actionText: frappe._('Reload App'),
         type: 'info',
         action: async () => {