feat: unify project responsive layouts

pages/tree/t07-member-directory.vue

@@ -152,6 +152,8 @@ const openMember = (item) =>
   });
 </script>
 <style scoped lang="scss">
+@use "../../styles/adaptive-frame-profiles.scss" as adaptive;
+
 .directory-page {
   display: flex;
   min-height: 100vh;
@@ -184,12 +186,11 @@ const openMember = (item) =>
   font-weight: 500;
 }
 .directory-search {
+  @include adaptive.adaptive-tree-field;
   display: grid;
   width: calc(100% - 48rpx);
   min-height: 44px;
   margin: 20rpx auto 0;
-  background: url("/static/assets/modules/tree/transparent/t07-search-input-frame.png")
-    center / 100% 100% no-repeat;
 }
 .directory-search input {
   z-index: 1;
@@ -237,15 +238,13 @@ const openMember = (item) =>
   font-size: 23rpx;
 }
 .directory-card {
+  @include adaptive.adaptive-genealogy-list-card;
   display: flex;
   width: 100%;
   min-height: 196rpx;
   align-items: center;
-  box-sizing: border-box;
   margin-bottom: 16rpx;
   padding: 18rpx 28rpx;
-  background: url("/static/assets/modules/genealogy/transparent/list-slip-frame.png")
-    center / 100% 100% no-repeat;
 }
 .directory-card__copy {
   z-index: 1;
@@ -280,6 +279,7 @@ const openMember = (item) =>
   line-height: 30rpx;
 }
 .directory-state-card {
+  @include adaptive.adaptive-genealogy-list-card;
   display: flex;
   width: 100%;
   min-height: 220rpx;
@@ -287,9 +287,6 @@ const openMember = (item) =>
   justify-content: center;
   margin-bottom: 16rpx;
   padding: 48rpx 12%;
-  box-sizing: border-box;
-  background: url("/static/assets/modules/genealogy/transparent/list-slip-frame.png")
-    center / 100% 100% no-repeat;
 }
 .directory-state-card {
   margin-top: 70rpx;