Made slimSidebar move toast position as well

src/components/pages/Settings.vue

@@ -724,6 +724,10 @@ export default {
 			set(wantSlimSidebar) {
 				this.slimSidebar = wantSlimSidebar
 				document.getElementById('sidebar').classList.toggle('slim', wantSlimSidebar)
+				// Moves all toast messages when the option changes
+				Array.from(document.getElementsByClassName('toastify')).forEach((toast)=>{
+					toast.style.transform = `translate(${wantSlimSidebar ? '3rem' : '14rem'}, 0)`;
+				})
 				localStorage.setItem('slimSidebar', wantSlimSidebar)
 			}
 		},

src/utils/toasts.js

@@ -6,10 +6,7 @@ import { socket } from '@/utils/socket'
 
 const sharedOptions = {
 	gravity: 'bottom',
-	position: 'left',
-	offset: {
-		x: '14rem'
-	}
+	position: 'left'
 }
 
 let toastsWithId = {}
@@ -87,6 +84,9 @@ export const toast = function(msg, icon = null, dismiss = true, id = null) {
 						delete toastsWithId[id]
 					}
 				}
+			},
+			offset: {
+				x: 'true' === localStorage.getItem('slimSidebar') ? '3rem': '14rem'
 			}
 		}).showToast()
 		if (id) {