style: 添加网站页面部分样式修改

src/assets/table.css

@@ -304,6 +304,7 @@
 .ui.definition.table > tr > td:nth-child(2), .ui.definition.table > tbody > tr > td:nth-child(2) {
     border-left: 1px solid var(--p-content-border-color);
     padding-left: 30px;
+    vertical-align: middle;
 }
 
 
@@ -1080,6 +1081,7 @@ table.definition > tbody > tr > td:first-child, table.definition > tr > td:first
     height: 50px;
     min-height: 50px;
     text-align: center;
+    vertical-align: middle;
 }
 
 /* 主题色暂用 style test */

src/components/server/ServerGroupSelector.vue

@@ -62,9 +62,9 @@ const groupIds = function () {
 			</TLabel>
 			<TDivider></TDivider>
 		</div>
-		<div>
-			<a href="" @click.prevent="selectGroup()">[选择分组]</a> &nbsp;
-			<a href="" @click.prevent="addGroup()">[添加分组]</a>
+		<div class="flex gap-[40px]">
+			<a href="" @click.prevent="selectGroup()">选择分组</a>
+			<a href="" @click.prevent="addGroup()">添加分组</a>
 		</div>
 	</div>
 </template>

src/components/server/ServerNameBox.vue

@@ -138,7 +138,7 @@ defineExpose({
 			<TDivider></TDivider>
 		</div>
 		<div class="ui fields inline">
-			<div class="ui field"><a href="" @click.prevent="addServerName()">[添加域名绑定]</a></div>
+			<div class="ui field"><a href="" @click.prevent="addServerName()">添加域名绑定</a></div>
 			<div class="ui field" v-if="serverNames.length > 0"><span class="grey">|</span></div>
 			<div class="ui field" v-if="serverNames.length > 0">
 				<a href="" @click.prevent="showSearchBox()" v-if="!isSearching"><i class="icon search small"></i></a>

src/views/servers/create.vue

@@ -38,34 +38,34 @@ const ctx = ctxRef(new Context(), {
 		<DefinitionTable>
 			<tbody>
 			<tr>
-				<td class="title">加速域名 *</td>
+				<td class="title after:content-['*'] after:text-red-500">加速域名</td>
 				<td>
 					<ServerNameBox ref="serverNameBox"></ServerNameBox>
 				</td>
 			</tr>
 			<tr>
-				<td>域名协议 *</td>
+				<td class="after:content-['*'] after:text-red-500">域名协议</td>
 				<td>
-					<div class="flex items-center">
-						<TCheckboxBinary name="protocols" :value="'http'">HTTP</TCheckboxBinary> &nbsp; &nbsp; &nbsp;
+					<div class="flex items-center gap-[60px]">
+						<TCheckboxBinary name="protocols" :value="'http'">HTTP</TCheckboxBinary>
 						<TCheckboxBinary name="protocols" :value="'https'" v-model="ctx.supportHTTPS">HTTPS</TCheckboxBinary>
 					</div>
 				</td>
 			</tr>
 			<tr v-show="ctx.supportHTTPS">
-				<td>HTTPS证书 *</td>
+				<td class="after:content-['*'] after:text-red-500">HTTPS证书</td>
 				<td>
 					<SSLCertsBox :v-domains="ctx.findServerNames"></SSLCertsBox>
 				</td>
 			</tr>
 			<tr>
-				<td>源站信息 *</td>
+				<td class="after:content-['*'] after:text-red-500">源站信息</td>
 				<td>
 					<OriginInputBox :v-oss-types="ctx.ossTypes"></OriginInputBox>
 				</td>
 			</tr>
 			<tr>
-				<td>回源主机名 *</td>
+				<td class="after:content-['*'] after:text-red-500">回源主机名</td>
 				<td>
 					<TRadio name="requestHostType" :value="0" v-model="ctx.requestHostType">跟随CDN服务</TRadio> &nbsp;
 					<TRadio name="requestHostType" :value="1" v-model="ctx.requestHostType">跟随源站</TRadio> &nbsp;
@@ -86,7 +86,7 @@ const ctx = ctxRef(new Context(), {
 				</td>
 			</tr>
 			<tr v-show="ctx.requirePlan || ctx.userPlans.length > 0">
-				<td>绑定套餐 <span v-if="ctx.requirePlan">*</span></td>
+				<td>绑定套餐<span v-if="ctx.requirePlan" class="text-red-500">*</span></td>
 				<td>
 					<input type="hidden" name="isChanged" value="1"/>
 					<span v-if="ctx.userPlans.length == 0 && !ctx.requirePlan" class="disabled">当前还没有可以使用的套餐。</span>