enhance(ux): display property pairs vertically on mobile

tiensonqin · tiensonqin · commit 1662497aa6cc · 2025-11-07T00:34:07.000+08:00
addresses https://test.logseq.com/#/page/690cb89e-997f-425a-ae04-e7709b23c827
diff --git a/src/main/frontend/components/property.css b/src/main/frontend/components/property.css
@@ -177,7 +177,7 @@
 }
 
 .ui__button.empty-btn, .empty-text-btn {
-  @apply !h-6 !px-0 font-normal opacity-50;
+  @apply !h-6 !px-0 !text-base opacity-50 font-normal;
 }
 
 .ui__button.empty-btn:hover, .empty-text-btn:hover {
diff --git a/src/main/mobile/components/app.css b/src/main/mobile/components/app.css
@@ -616,3 +616,11 @@ html[data-silk-native-page-scroll-replaced=false] .app-silk-index-scroll-view {
     @apply border-none;
   }
 }
+
+.ls-properties-area .property-pair {
+  @apply flex flex-col items-start;
+
+  .property-key {
+    margin-bottom: -6px;
+  }
+}

Original file line number	Diff line number	Diff line change
`@@ -177,7 +177,7 @@`
`177`	`177`	`}`
`178`	`178`
`179`	`179`	`.ui__button.empty-btn, .empty-text-btn {`
`180`		`- @apply !h-6 !px-0 font-normal opacity-50;`
	`180`	`+ @apply !h-6 !px-0 !text-base opacity-50 font-normal;`
`181`	`181`	`}`
`182`	`182`
`183`	`183`	`.ui__button.empty-btn:hover, .empty-text-btn:hover {`
Original file line number	Diff line number	Diff line change
`@@ -616,3 +616,11 @@ html[data-silk-native-page-scroll-replaced=false] .app-silk-index-scroll-view {`
`616`	`616`	`@apply border-none;`
`617`	`617`	`}`
`618`	`618`	`}`
	`619`	`+`
	`620`	`+.ls-properties-area .property-pair {`
	`621`	`+ @apply flex flex-col items-start;`
	`622`	`+`
	`623`	`+ .property-key {`
	`624`	`+ margin-bottom: -6px;`
	`625`	`+ }`
	`626`	`+}`