fix: update styles

asadahimeka · May 22, 2024 · a99aca2 · a99aca2
1 parent c0c8df5
commit a99aca2
Show file tree

Hide file tree

Showing 8 changed files with 31 additions and 13 deletions.
diff --git a/README.md b/README.md
@@ -165,6 +165,10 @@ ABC=DEF
 
 建议用自己的账号登录本站后再使用，并且要在官方网页端[设置](https://www.pixiv.net/setting_user.php)里面选择非美国/英国的地区，最好选择日区。
 
+### 列表与详情图片不匹配或重复、搜索结果与搜索标签不匹配
+
+是因为自建 API 的 CDN 缓存导致的，可以到设置里切换其他 API 实例或者登录后再使用
+
 ### Cookie/SessionID 登录出错
 
 建议使用 RefreshToken 方式登录

diff --git a/docs/README.en.md b/docs/README.en.md
@@ -113,6 +113,10 @@ See pixiv official announcement: https://www.pixiv.net/info.php?id=10837
 
 It is recommended to log in to this site with your own account before using it, and select a non-US/UK region in the official web page [settings](https://www.pixiv.net/setting_user.php). It is best to select the Japan region.
 
+### List and details do not match or repeat, search results do not match the search label
+
+It is caused by the CDN cache of the self -built API, you can switch other API instances in the settings or use it after logging in.
+
 ### Keep prompting that the API exceeds the limit or Rate Limit
 
 You can switch the API instance in the settings, or directly use RefreshToken or OAuth to log in.

diff --git a/public/img/404.png b/public/img/404.png
diff --git a/src/assets/style/base.styl b/src/assets/style/base.styl
@@ -278,6 +278,9 @@ html:has(.dark)
     border 0
     border-radius: 0.26667rem;
 
+  .nav-container
+    @media screen and (max-width: 450px)
+      height 110px
   .nav-container .nav-bar
     box-shadow 0 0 0.26667rem #222
     background rgba(0,0,0,0.8)
@@ -295,6 +298,10 @@ html:has(.dark)
       &.active,
       &.active + span
         color: #f2c358
+      @media screen and (max-width: 450px)
+        font-size 22PX
+        & + span
+          font-size 12PX
     span
       display inline-block
 

diff --git a/src/assets/style/theme.styl b/src/assets/style/theme.styl
@@ -87,13 +87,15 @@
     text-decoration underline
 
   .image-card .bookmark
-    padding 0.12rem !important
-    filter none !important
-    background: rgba(0,0,0,.3)
-    backdrop-filter: blur(10px)
+    padding 7PX 7PX 5PX !important
+    filter drop-shadow(1PX 1PX 1PX var(--accent-color)) !important
+    background: rgba(255,255,255,.5)
     border-top-left-radius 0.2rem
-    .van-icon
+    .van-icon,
+    .van-loading__spinner
       color var(--accent-color) !important
+    .van-icon
+      font-size 28PX
 
   #app .rank .top .calendar
     background-image: url('~@/assets/images/calendar_op0.png')

diff --git a/src/utils/index.js b/src/utils/index.js
@@ -170,6 +170,10 @@ export async function fancyboxShow(artwork, index = 0, getSrc = e => e.o) {
     backdropClick: 'close',
     // contentClick: 'close',
     startIndex: index,
+    hideScrollbar: false,
+    placeFocusBack: false,
+    trapFocus: false,
+    Hash: false,
     Thumbs: { showOnStart: false },
     Carousel: { infinite: false },
     Toolbar: {

diff --git a/src/views/NotFound.vue b/src/views/NotFound.vue
@@ -1,8 +1,6 @@
 <template>
   <div class="NotFound">
-    <h1>404 NOT FOUND</h1>
-    <hr style="width: 4em;margin: 2em auto;">
-    <img src="https://upload-bbs.miyoushe.com/upload/2023/01/31/190122060/76349637e8740f8685b541f613616c47_3037571537680131263.png" alt="">
+    <img src="/img/404.png" alt="">
   </div>
 </template>
 
@@ -17,14 +15,10 @@ export default {
 
 <style lang="stylus" scoped>
 .NotFound
+  padding-top 1rem
   text-align center
 
-  h1
-    padding-top 60px
-    font-size 36px
-
   img
-    width 600px
     max-width 80%
 
 </style>
diff --git a/src/views/Setting/FAQ.vue b/src/views/Setting/FAQ.vue
@@ -10,6 +10,9 @@
         见 pixiv 官方公告：<a href="https://www.pixiv.net/info.php?id=10837" target="_blank" rel="noopener noreferrer">https://www.pixiv.net/info.php?id=10837</a>。
         建议用自己的账号登录本站后再使用，并且要在官方网页端<a href="https://www.pixiv.net/setting_user.php" target="_blank" rel="noopener noreferrer">设置</a>里面选择非美国/英国的地区，最好选择日区。
       </van-collapse-item>
+      <van-collapse-item title="列表与详情图片不匹配或重复、搜索结果与搜索标签不匹配" name="99">
+        是因为自建 API 的 CDN 缓存导致的，可以到设置里切换其他 API 实例或者登录后再使用
+      </van-collapse-item>
       <van-collapse-item title="Cookie/SessionID 登录出错" name="5">建议使用 RefreshToken 方式登录</van-collapse-item>
       <van-collapse-item title="Android 版本点击下载就闪退" name="6">到系统设置里给予本应用存储权限，或者下载最新版本后再进行尝试</van-collapse-item>
       <van-collapse-item title="是否有 iOS App" name="7">目前只有 Android 与 Windows 版本，均为 Webview 套壳，下载：<a href="https://github.com/asadahimeka/pixiv-viewer/releases" target="_blank">https://github.com/asadahimeka/pixiv-viewer/releases</a></van-collapse-item>