From 7b0ed143d40ef4274a1a60372d136f5e9dcff84f Mon Sep 17 00:00:00 2001
From: lcq <luchenqun@qq.com>
Date: Fri, 24 Dec 2021 17:49:08 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=95=B0=E6=8D=AE=E9=87=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 view/index.html                             | 7 ++++++-
 view/scripts/controllers/tags-controller.js | 3 ++-
 view/views/tags.html                        | 4 ++--
 3 files changed, 10 insertions(+), 4 deletions(-)
diff --git a/view/index.html b/view/index.html
index 34141aa..2b4c513 100644
--- a/view/index.html
+++ b/view/index.html
@@ -61,7 +61,7 @@
   </head>
 
   <body ng-app="bookmarkApp">
-    <div class="ui container" id="js-container" style="position: absolute; left: 86">
+    <div class="ui container" id="js-container" style="position: absolute; left: 86;width: 70%;">
       <div class="ui error hidden message js-domain" style="margin-bottom: 3px">
         <div class="header">域名更换提示！</div>
         <ul class="list">
@@ -124,5 +124,10 @@
     <script src="scripts/externe/md5.js"></script>
     <script src="scripts/externe/pnglib.js"></script>
     <script src="scripts/externe/identicon.js"></script>
+    <style>
+      .ui.container {
+        width: 100%;
+      }
+    </style>
   </body>
 </html>
diff --git a/view/scripts/controllers/tags-controller.js b/view/scripts/controllers/tags-controller.js
index 0fea244..d8c48f5 100644
--- a/view/scripts/controllers/tags-controller.js
+++ b/view/scripts/controllers/tags-controller.js
@@ -29,6 +29,7 @@ app.controller('tagsCtr', ['$scope', '$filter', '$state', '$window', '$statePara
   $scope.bookmarks = [];
   $scope.totalPages = 0;
   $scope.currentPage = 0;
+  $scope.pageSize = 75;
   $scope.inputPage = '';
   $scope.currentTagId = ($stateParams && $stateParams.tagId) || (-1);
   $scope.editMode = false;
@@ -47,7 +48,7 @@ app.controller('tagsCtr', ['$scope', '$filter', '$state', '$window', '$statePara
     showType && ($scope.showType = showType);
     $scope.loading = true;
 
-    let pageSize = ($scope.showMode == 'item') ? 65 : 20;
+    let pageSize = ($scope.showMode == 'item') ? $scope.pageSize : 20;
 
     for (let tag of $scope.tags) {
       tag.bookmarkClicked = (tag.id == $scope.currentTagId);
diff --git a/view/views/tags.html b/view/views/tags.html
index b516932..ca6ddab 100644
--- a/view/views/tags.html
+++ b/view/views/tags.html
@@ -100,8 +100,8 @@
   <div class="ui five column grid">
     <div ng-repeat="bookmark in bookmarks" class="column js-costomTag-item" ng-class="{bookmarkNormalHover:bookmarkNormalHover, bookmark:(!bookmarkNormalHover)}" ng-mouseover="bookmarkNormalHover=true; setHoverBookmark(bookmark)" ng-mouseleave="bookmarkNormalHover=false; setHoverBookmark(null)" ng-click="jumpToUrl(bookmark.url, bookmark.id)" title="{{ bookmark.title }}" id="{{bookmark.id}}">
       <img class="ui ui middle aligned tiny image bookmarkInfo" ng-src="https://favicon.lucq.fun/?url={{bookmark.url}}" err-src="./images/default.ico" style="width: 16px; height: 16px" ng-click="detailBookmark(bookmark);$event.stopPropagation()" />
-      <span ng-if="(currentPage==0) && ($index==0 || $index==20 || $index==40)" style="font-weight: bold">{{bookmark.title}}</span>
-      <span ng-if="(currentPage!=0) || ($index!=0 && $index!=20 && $index!=40)">{{bookmark.title}}</span>
+      <span ng-if="(currentPage==0) && ($index==0 || $index==pageSize*2/5 || $index==pageSize*4/5)" style="font-weight: bold">{{bookmark.title}}</span>
+      <span ng-if="(currentPage!=0) || ($index!=0 && $index!=pageSize*2/5 && $index!=pageSize*4/5)">{{bookmark.title}}</span>
     </div>
   </div>
   <div class="ui divider"></div>
