fix: center aligning toast icon

technikhil314 · technikhil314 · commit 71bdcc8d6e3b · 2021-11-27T20:38:14.000+05:30
diff --git a/components/Toast.vue b/components/Toast.vue
@@ -21,7 +21,7 @@
         'bg-blue-400 text-gray-800': toastState.theme === 'info',
       }"
     >
-      <div class="flex justify-between gap-2">
+      <div class="flex items-center justify-between gap-2">
         <div v-html="toastState.iconHTML"></div>
         <h1>{{ toastState.content }}</h1>
       </div>

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@`
`21`	`21`	`'bg-blue-400 text-gray-800': toastState.theme === 'info',`
`22`	`22`	`}"`
`23`	`23`	`>`
`24`		`- <div class="flex justify-between gap-2">`
	`24`	`+ <div class="flex items-center justify-between gap-2">`
`25`	`25`	`<div v-html="toastState.iconHTML"></div>`
`26`	`26`	`<h1>{{ toastState.content }}</h1>`
`27`	`27`	`</div>`