Tweak UI

src/client/components/note.vue

@@ -863,7 +863,6 @@ export default defineComponent({
 .tkcbzcuz {
 	position: relative;
 	transition: box-shadow 0.1s ease;
-	overflow: hidden;
 	overflow: clip;
 	contain: content;
 
@@ -1001,11 +1000,6 @@ export default defineComponent({
 			position: sticky;
 			top: calc(22px + var(--stickyTop, 0px));
 			left: 0;
-
-			/* iOSはoverflow: clipをサポートしていない影響でposition: stickyが動作しない */ 
-			@supports (-webkit-touch-callout: none) {
-				top: 0;
-			}
 		}
 
 		> .main {
@@ -1150,11 +1144,6 @@ export default defineComponent({
 				width: 50px;
 				height: 50px;
 				top: calc(14px + var(--stickyTop, 0px));
-
-				/* iOSはoverflow: clipをサポートしていない影響でposition: stickyが動作しない */ 
-				@supports (-webkit-touch-callout: none) {
-					top: 0;
-				}
 			}
 		}
 	}

src/client/pages/page.vue

@@ -1,5 +1,7 @@
 <template>
 <div class="xcukqgmh _root" v-if="page" :key="page.id" v-size="{ max: [450] }">
+	<div class="_magnet"></div>
+
 	<div class="_block main">
 		<!--
 		<div class="header">
@@ -191,7 +193,7 @@ export default defineComponent({
 	}
 
 	> .footer {
-		padding: var(--padding);
+		margin: var(--padding);
 		font-size: 85%;
 		opacity: 0.75;
 	}

src/client/style.scss

@@ -249,10 +249,6 @@ hr {
 	margin: var(--margin) 0;
 }
 
-._magnet {
-	margin-bottom: calc(var(--margin) * -1);
-}
-
 ._gap {
 	margin: var(--margin) 0;
 }
@@ -370,6 +366,10 @@ hr {
 		border-radius: var(--radius);
 	}
 
+	._magnet {
+		margin-bottom: calc(var(--margin) * -1);
+	}	
+
 	@media (max-width: 500px) {
 		._root {
 			--root-margin: 0;