Fixed alert dialog button in notifications, fixed add tile padding on profile page.

assets/components/header/notifications.vue

@@ -14,16 +14,11 @@
 				<Icon
 					v-tooltip="'Add alert'"
 					icon="plus3"
-					@click="showAddAlert = true"
+					@click="$emit('addAlert')"
 				/>
 			</div>
 		</div>
 
-		<AddAlert
-			v-if="showAddAlert"
-			@close="showAddAlert = false"
-		>Alert</AddAlert>
-
 		<div class="notifications-body">
 			<div
 				v-if="notifications.length === 0"
@@ -123,8 +118,6 @@
 </template>
 
 <script>
-import AddAlert from '../alerts/add.vue';
-
 async function checkNotifications() {
 	await this.$store.dispatch('checkNotifications');
 
@@ -142,9 +135,6 @@ async function checkNotification(notificationId, blur) {
 }
 
 export default {
-	components: {
-		AddAlert,
-	},
 	props: {
 		notifications: {
 			type: Array,
@@ -160,6 +150,7 @@ export default {
 			showAddAlert: false,
 		};
 	},
+	emits: ['addAlert'],
 	methods: {
 		checkNotifications,
 		checkNotification,