Merge pull request #266 from shiux-lab/main

[optimization] Some details

Author: Hiram-Wong

src/renderer/src/components/common-nav/index.vue

@@ -4,7 +4,9 @@
       <div class="nav-sub-tab nav-sub-tab-header">
         <div class="header" v-if="!isVisible.search">
           <p class="title">{{ title }}</p>
-          <data-search-icon size="large" class="icon" v-if="search" @click="isVisible.search = true" />
+          <t-popup :content="$t('pages.search.searchSource')">
+            <data-search-icon size="large" class="icon" v-if="search" @click="isVisible.search = true" />
+          </t-popup>
         </div>
         <div class="search" v-if="isVisible.search" ref="headerOutsideRef">
           <t-input :placeholder="$t('pages.setting.placeholder.general')" clearable v-model="searchText"
@@ -161,7 +163,7 @@ const searchEvent = () => {
 
       .header {
         display: flex;
-        align-items: flex-end;
+        align-items: center;
         height: 32px;
         transition: all 0.25s ease-in-out;
 
@@ -172,7 +174,8 @@ const searchEvent = () => {
         }
 
         .icon {
-          margin-left: var(--td-comp-margin-xxs);
+          margin-left: auto;
+          margin-right: var(--td-comp-margin-s);
           cursor: pointer;
         }
       }

src/renderer/src/layouts/components/SystemControl.vue

@@ -9,11 +9,9 @@
       </div>
       <div class="control-maximize control-item control-icon" @click="handleWindow('max')">
         <svg v-if="!isMaxed" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11">
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11">
-            <path
-              d="M0,1.7v7.6C0,10.2,0.8,11,1.7,11h7.6c0.9,0,1.7-0.8,1.7-1.7V1.7C11,0.8,10.2,0,9.3,0H1.7C0.8,0,0,0.8,0,1.7z M8.8,9.9H2.2c-0.6,0-1.1-0.5-1.1-1.1V2.2c0-0.6,0.5-1.1,1.1-1.1h6.7c0.6,0,1.1,0.5,1.1,1.1v6.7C9.9,9.4,9.4,9.9,8.8,9.9z">
-            </path>
-          </svg>
+          <path
+            d="M0,1.7v7.6C0,10.2,0.8,11,1.7,11h7.6c0.9,0,1.7-0.8,1.7-1.7V1.7C11,0.8,10.2,0,9.3,0H1.7C0.8,0,0,0.8,0,1.7z M8.8,9.9H2.2c-0.6,0-1.1-0.5-1.1-1.1V2.2c0-0.6,0.5-1.1,1.1-1.1h6.7c0.6,0,1.1,0.5,1.1,1.1v6.7C9.9,9.4,9.4,9.9,8.8,9.9z">
+          </path>
         </svg>
         <svg v-else xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11">
           <path
@@ -79,7 +77,7 @@ win.on('unmaximize', () => {
     display: flex;
     justify-content: center;
     align-items: center;
-    border-radius: 5px;
+    border-radius: var(--td-radius-default);
 
     svg {
       width: 1em;

src/renderer/src/locales/lang/en_US/pages/search.ts

@@ -4,7 +4,8 @@ export default {
   site: 'Local',
   group: 'Group',
   all: 'All',
-  searchHistory: 'SearchHistory',
+  searchHistory: 'Search History',
+  searchSource: 'Search Source',
   searchPlaceholder: 'Search resources',
-  hotNoData: 'No data for the past three days'
-}
+  hotNoData: 'No data for the past three days',
+};

src/renderer/src/locales/lang/zh_CN/pages/search.ts

@@ -5,6 +5,7 @@ export default {
   group: '组内',
   all: '全站',
   searchHistory: '搜索历史',
+  searchSource: '搜索源',
   searchPlaceholder: '搜索全网资源',
-  hotNoData: '暂无近三天数据, 请查看其他分类'
-}
+  hotNoData: '暂无近三天数据, 请查看其他分类',
+};

src/renderer/src/pages/Film.vue

@@ -744,6 +744,11 @@ filmReloadeventBus.on(async () => {
         width: 100%;
         overflow: hidden;
       }
+
+      .quick_filter {
+        display: flex;
+        align-items: center;
+      }
     }
 
     .container-full {

src/renderer/src/style/theme/theme.less

@@ -15,9 +15,10 @@
   --td-brand-color-8: #005333;
   --td-brand-color-9: #003b23;
   --td-brand-color-10: #002515;
+  --td-radius-default: var(--td-radius-medium);
 }
 
-:root[theme-mode="dark"] {
+:root[theme-mode='dark'] {
   --td-brand-color-light: var(--td-brand-color-1);
   --td-brand-color-focus: var(--td-brand-color-2);
   --td-brand-color-disabled: var(--td-brand-color-3);
@@ -34,4 +35,4 @@
   --td-brand-color-8: #94dab2;
   --td-brand-color-9: #c8f2d7;
   --td-brand-color-10: #e4f9e9;
-}
+}