Merge pull request 'Worktree vip default icons and speed removal' (#424) from worktree-vip-default-icons-and-speed-removal into main

Reviewed-on: CYL/wordpress-theme-aksrt#424

assets/css/frontend/vip-modal.css

@@ -159,7 +159,17 @@
   }
 }
 
-.pay-vip-info {
+.aksrt-vip-level-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.aksrt-vip-level-header .aksrt-vip-level-icon {
+  flex: 0 0 auto;
+}
+
   padding: 12px;
   border-radius: 10px;
   background: var(--surface-2, rgba(0, 0, 0, 0.04));

assets/css/routes/user-center/shell.css

@@ -517,18 +517,28 @@ body.aksrt-user-center .uc-content,
 }
 
 .uc-sidebar-vip__icon {
-  display: grid;
+  display: inline-flex;
   place-items: center;
-  width: 38px;
-  height: 38px;
-  border: 1px solid rgba(255, 240, 197, 0.46);
-  border-radius: 50%;
-  background: rgba(255, 244, 211, 0.12);
-  box-shadow: inset 0 0 0 4px rgba(255, 244, 211, 0.05);
+  align-items: center;
+  justify-content: center;
+  width: auto;
+  height: auto;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
   color: #ffd982;
   font-size: 16px;
 }
 
+.uc-sidebar-vip__icon .aksrt-vip-level-icon {
+  width: auto;
+  height: 1.5em;
+  max-width: 6em;
+  object-fit: contain;
+  vertical-align: middle;
+}
+
 .uc-sidebar-vip__content {
   min-width: 0;
 }

assets/css/routes/user-center/vip.css

@@ -112,11 +112,11 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 48px;
-  height: 48px;
+  width: auto;
+  height: auto;
   flex: 0 0 auto;
-  border-radius: 50%;
-  background: var(--vip-card-soft);
+  border-radius: 0;
+  background: transparent;
   color: var(--vip-card-accent);
   font-size: 15px;
 }

assets/js/pay-vip.js

@@ -297,15 +297,17 @@
       var row = node("div", "pay-vip-form-row");
       var info = node("div", "pay-vip-info level-" + level);
       var levelInfo = levels[String(level)] || {};
+      var levelHeader = node("div", "aksrt-vip-level-header");
       if (levelInfo.img_icon) {
         var levelIcon = node("img", "aksrt-vip-level-icon");
         levelIcon.src = text(levelInfo.img_icon);
         levelIcon.alt = "";
         levelIcon.loading = "lazy";
         levelIcon.decoding = "async";
-        append(info, levelIcon);
+        append(levelHeader, levelIcon);
       }
-      append(info, node("div", "v-name font-bold", group.name || levelInfo.name || "VIP" + level));
+      append(levelHeader, node("div", "v-name font-bold", group.name || levelInfo.name || "VIP" + level));
+      append(info, levelHeader);
       if (levelInfo.desc) append(info, node("div", "muted-2-color em09 mb6", levelInfo.desc));
       renderEquity(info, levelInfo.equity);
       append(row, info);

inc/helpers/user-center-renderers/profile-header.php

@@ -62,9 +62,6 @@ extract($context, EXTR_SKIP); // phpcs:ignore WordPress.PHP.DontExtract.extract_
 					}
 					?>
 				</h1>
-			<?php if ($target_user->description) : ?>
-			<p class="uc-header__desc"><?php echo esc_html($target_user->description); ?></p>
-			<?php endif; ?>
 			<div class="uc-header__meta desc user-identity flex ac hh">
 				<span class="uc-header__meta-item" title="<?php esc_attr_e('用户名', 'aksrt'); ?>">
 					<i class="fas fa-user" aria-hidden="true"></i> <?php echo esc_html($target_user->user_login); ?>