notes (#10067)

packages/client/src/components/MkGoogle.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="mk-google">
+	<div class="mk-google" @click.stop>
 		<input v-model="query" type="search" :placeholder="q" />
 		<button @click="search">
 			<i class="ph-magnifying-glass ph-bold ph-lg"></i>

packages/client/src/components/MkMediaList.vue

@@ -4,6 +4,7 @@
 			v-for="media in mediaList.filter((media) => !previewable(media))"
 			:key="media.id"
 			:media="media"
+			@click.stop
 		/>
 		<div
 			v-if="mediaList.filter((media) => previewable(media)).length > 0"
@@ -15,7 +16,6 @@
 				:data-count="
 					mediaList.filter((media) => previewable(media)).length
 				"
-				@click.stop
 			>
 				<template
 					v-for="media in mediaList.filter((media) =>
@@ -26,6 +26,7 @@
 						v-if="media.type.startsWith('video')"
 						:key="media.id"
 						:video="media"
+						@click.stop
 					/>
 					<XImage
 						v-else-if="media.type.startsWith('image')"
@@ -34,6 +35,7 @@
 						:data-id="media.id"
 						:image="media"
 						:raw="raw"
+						@click.stop
 					/>
 				</template>
 			</div>

packages/client/src/components/MkNoteDetailed.vue

@@ -471,9 +471,6 @@ onUnmounted(() => {
 	> .article {
 		padding-block: 28px 6px;
 		padding-top: 12px;
-		&:last-child {
-			padding-bottom: 24px;
-		}
 		font-size: 1.1rem;
 		overflow: clip;
 		outline: none;
@@ -481,6 +478,9 @@ onUnmounted(() => {
 		:deep(.article) {
 			cursor: unset;
 		}
+		&:first-of-type {
+			padding-top: 28px;
+		}
 	}
 
 	> .reply {