style: 样式调整

sub-store-org · Mar 19, 2024 · 7300505 · 7300505
1 parent 0c81e20
commit 7300505
Show file tree

Hide file tree

Showing 8 changed files with 26 additions and 13 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sub-store-front-end",
-  "version": "2.14.203",
+  "version": "2.14.204",
   "private": true,
   "scripts": {
     "dev": "vite --host",

diff --git a/src/components/ArtifactsListItem.vue b/src/components/ArtifactsListItem.vue
@@ -586,7 +586,7 @@ watch(isSyncOpen, async () => {
           flex: 1;
           display: flex;
           align-items: center;
-          // justify-content: end;
+          
           flex-direction: row;
           justify-content: flex-end; // ios 14
 

diff --git a/src/views/My.vue b/src/views/My.vue
@@ -539,7 +539,7 @@ const setTag = (current) => {
     .radio-wrapper {
       display: flex;
       align-items: center;
-      // justify-content: end;
+      
 
       .tag {
         font-size: 12px;

diff --git a/src/views/Sub.vue b/src/views/Sub.vue
@@ -629,7 +629,7 @@ const shouldShowElement = (element) => {
     margin-top: 5px;
     display: flex;
     flex-wrap: wrap;
-    // justify-content: end;
+    
 
     // :deep(.nut-radio__button.false) {
     //   background: var(--divider-color);
@@ -644,6 +644,7 @@ const shouldShowElement = (element) => {
       cursor: pointer;
       -webkit-user-select: none;
       user-select: none;
+      border-bottom: 1px solid transparent;
     }
     .current {
       border-bottom: 1px solid var(--primary-color);

diff --git a/src/views/SubEditor.vue b/src/views/SubEditor.vue
@@ -861,7 +861,7 @@ const urlValidator = (val: string): Promise<boolean> => {
   }
   .swtich-wrapper {
     display: flex;
-    justify-content: end;
+    justify-content: flex-end
   }
 }
 
@@ -870,7 +870,7 @@ const urlValidator = (val: string): Promise<boolean> => {
 
   .radio-wrapper {
     display: flex;
-    // justify-content: end;
+    justify-content: flex-start;
 
     // :deep(.nut-radio__button.false) {
     //   background: var(--divider-color);
@@ -885,6 +885,7 @@ const urlValidator = (val: string): Promise<boolean> => {
       cursor: pointer;
       -webkit-user-select: none;
       user-select: none;
+      border-bottom: 1px solid transparent;
     }
     .current {
       border-bottom: 1px solid var(--primary-color);

diff --git a/src/views/editor/CommonBlock.vue b/src/views/editor/CommonBlock.vue
@@ -242,6 +242,6 @@
 
   .radio-wrapper {
     display: flex;
-    justify-content: end;
+    justify-content: flex-end;
   }
 </style>
diff --git a/src/views/editor/components/ActionRadio.vue b/src/views/editor/components/ActionRadio.vue
@@ -204,8 +204,8 @@
       align-items: center;
       cursor: pointer;
       img {
-        width: 16px;
-        height: 16px;
+        width: 14px;
+        height: 14px;
       }
       span {
         margin: 0 4px;

diff --git a/src/views/editor/components/FilterSelect.vue b/src/views/editor/components/FilterSelect.vue
@@ -6,16 +6,19 @@
         v-for="(item, index) in opt[type]"
         :key="item"
         :label="item"
-        >{{
-          $t(`editorPage.subConfig.nodeActions['${type}'].options[${index}]`)
-        }}</nut-checkbox
-      >
+        >
+      <span class="item" v-if="type === 'Region Filter' && item === 'TW'">
+        <img :src="tw" alt="">&nbsp;{{ item }}
+      </span>
+      <span v-else>{{ $t(`editorPage.subConfig.nodeActions['${type}'].options[${index}]`) }}</span>
+      </nut-checkbox>
     </nut-checkboxgroup>
   </div>
 </template>
 
 <script lang="ts" setup>
   import { inject, ref, onMounted } from 'vue';
+  import tw from '@/assets/icons/tw.png';
 
   const { type, id } = defineProps<{
     type: string;
@@ -59,6 +62,14 @@
   .checkbox-group {
     display: grid;
     grid-template-columns: 1fr 1fr;
+    .item {
+      display: flex;
+      align-items: center;
+      img {
+        width: 14px;
+        height: 14px;
+      }
+    }
 
     view {
       margin-bottom: 16px;