fix link popup style

src/components/tiptap-editor/TiptapLinkButton.vue

@@ -1,5 +1,9 @@
 <template>
-	<t-button v-popup="'插入链接'" :variant="active ? 'base' : 'text'" :theme="active ? 'light' : 'default'" @click="openDialog">
+	<t-button
+		:variant="active ? 'base' : 'text'"
+		:theme="active ? 'light' : 'default'"
+		@click="openDialog"
+	>
 		<t-icon name="link-1" />
 	</t-button>
 	<bottom-popup
@@ -12,13 +16,21 @@
 		@right-button-click="onConfirm"
 		destroy-on-close
 	>
-		<div class="form-popup">
+		<t-form class="popup">
-			<div class="link-form">
+			<t-form-item label="地址">
-				<t-input v-model="linkForm.href" placeholder="请输入链接地址" />
+				<t-input v-model="linkForm.href" borderless />
-				<t-input v-model="linkForm.text" placeholder="请输入显示文本，可留空" />
+			</t-form-item>
-				<t-checkbox v-model="linkForm.syncToHref">显示文本同步为链接</t-checkbox>
+			<t-form-item label="显示文本">
-			</div>
+				<t-input v-model="linkForm.text" borderless />
-		</div>
+			</t-form-item>
+			<t-form-item content-align="right">
+				<t-checkbox
+					class="sync"
+					v-model="linkForm.syncToHref"
+					borderless
+				>显示文本同步为链接</t-checkbox>
+			</t-form-item>
+		</t-form>
 	</bottom-popup>
 </template>
 
@@ -93,13 +105,11 @@ function onConfirm() {
 	flex-direction: column;
 }
 
-.form-popup {
+.popup {
-	width: 100%;
+	margin: 0;
-	max-height: 85vh;
-	padding: 1rem 1rem calc(1rem + env(safe-area-inset-bottom));
-	box-sizing: border-box;
-	overflow-y: auto;
-	background: var(--td-bg-color-container);
 
+	.sync {
+		padding: 0;
+	}
 }
 </style>